11straps

Overview

11straps is a simple boilerplate that combines the static site generator 11ty with the CSS framework Bootstrap 5. It also includes some npm and Gulp magic dust to minify and purge the CSS file and provide a static server and browser sync support for local development.

Features

• Integration of 11ty and Bootstrap 5
• Minification and purging of CSS file to remove unused styles
• Static server and browser sync support for local development

Installation

1. Make sure you have Node (at least v8+) installed on your computer.
2. Download and extract the latest release or clone the main branch of the 11straps repository.
3. Open your terminal and navigate to the location of the extracted/clone folder.
4. Run the following command to install the necessary dependencies:

npm install

5. Once the installation is complete, you can build the static website for local development by running the following command:

npm run build-dev

6. To run the build-dev task automatically on file changes and start a local server with browser sync support, use the following command:

npm run dev

7. If you are ready to deploy your website for production, build the static website using the following command:

npm run build-prod

8. The final output will be stored in the “public” folder and can be deployed to a web server.

Summary

11straps is a convenient boilerplate that combines the power of 11ty and Bootstrap 5 for building static websites. It provides features like CSS minification and purging, along with a static server and browser sync support for local development. The installation process is straightforward and the provided commands make it easy to build and deploy the website for both development and production.