Boilerplate for Creating a Website using Gulp, Sass, Pug, and BrowserSync

This repository provides a boilerplate for building a website using Gulp, Sass, Pug, and BrowserSync. The repository contains a set of basic tools and configurations that allow developers to quickly get started with building a website.

Installation

To install the required dependencies, run the following command in your terminal:

npm install

Customization

Before starting to work on your website, you need to customize a few things:

• Project Name: Update the name of the project in the package.json file.
• Configuration: Change the configuration in the site.config.js file to match your project's requirements.

Running the Site in Development Mode

To run the site in development mode, use the following command in your terminal:

npm dev

This will start up a local development server and automatically open your website in your default browser. As you make changes to your code, your website will be automatically reloaded in your browser.

Building the Site for Production

To build your website for production, use the following command in your terminal:

npm build

This command will create a dist folder containing all the optimized files required to run your website in production mode.

Building the Site for Production (Minified)

To build your website for production with minified files, use the following command in your terminal:

npm build:min

This command will create a dist folder containing all the optimized and minified files required to run your website in production mode.

Conclusion

This boilerplate offers a great starting point for building a website with Gulp, Sass, Pug, and BrowserSync. It allows developers to quickly set up a development environment and get started with building their website. You can customize this boilerplate according to your project's requirements.