Siteboilerplate

screenshot of Siteboilerplate
bulma
scss

Static website boilerplate

Overview

SiteBuilderplate is a robust starting point designed for creating static websites hosted on S3. With its modern stack, it leverages several powerful technologies to streamline the building, deploying, and managing processes. Ideal for developers comfortable with cloud services, SiteBuilderplate aims to facilitate an efficient workflow when setting up web projects.

The tool integrates various utilities to enhance code quality and user experience. By incorporating tools like Ansible, Terraform, and Gulp, SiteBuilderplate creates an environment that allows for seamless deployment of static sites to AWS. However, it also requires certain prerequisites, making it best suited for those familiar with web development and cloud infrastructure.

Features

  • Modern Stack: Utilizes a combination of NPM, Ansible, and Terraform to modernize the workflow from build to deployment.
  • Build Automation: Uses Gulp to automate build processes, ensuring a streamlined development experience.
  • Cloud Integration: Easily deploy your static website to AWS, leveraging S3 for hosting and CloudFront for distribution.
  • Page Design with Pug & SCSS: Facilitates efficient page creation with Pug templating and the stylish SCSS for design purposes.
  • UI Framework Support: Built on the Bulma framework, it provides a responsive and modern interface for your website.
  • Manual Setup Instructions: While some setup processes are not implemented, users receive guidelines to complete configurations manually, giving flexibility during the setup.
  • Custom Domain Support: Users can integrate their own domain names with optional steps for SSL certificate provisioning.
  • Recommendations for Security: Encourages using Cloudflare for added protection against DDoS attacks, enhancing the security of the deployed site.
bulma
Bulma

Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.