https://github.com/amitdeka/create-gulp-bs-template
This project is a Bootstrap 5 starter template integrated with Gulp for an efficient development workflow. It includes SCSS support for easy styling, BrowserSync for live reloading, and Gulp tasks for building and optimizing your website.
https://github.com/amitdeka/create-gulp-bs-template
bootstrap5 browsersync gulpjs html5 scss
Last synced: 5 months ago
JSON representation
This project is a Bootstrap 5 starter template integrated with Gulp for an efficient development workflow. It includes SCSS support for easy styling, BrowserSync for live reloading, and Gulp tasks for building and optimizing your website.
- Host: GitHub
- URL: https://github.com/amitdeka/create-gulp-bs-template
- Owner: AmitDeka
- License: mit
- Created: 2024-08-25T11:42:48.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-30T17:40:46.000Z (almost 2 years ago)
- Last Synced: 2025-02-02T01:04:32.397Z (over 1 year ago)
- Topics: bootstrap5, browsersync, gulpjs, html5, scss
- Language: HTML
- Homepage: https://create-gulp-bs.vercel.app
- Size: 19.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Create Gulp Bootstrap Template
This project is a Bootstrap 5 starter template integrated with Gulp for an efficient development workflow. It includes SCSS support for easy styling, BrowserSync for live reloading, and Gulp tasks for building and optimizing your website.
### Features
- Bootstrap 5.2.3: For responsive and modern web design.
- SCSS: For modular and maintainable styling.
- Gulp: Task runner to automate tasks such as minifying CSS, JavaScript, and optimizing images.
- BrowserSync: Live-reloading server to speed up development.
- Cross-Environment Builds: Easily switch between development and production environments.
## Getting Started
### Prerequisites
Ensure you have the following installed:
- Node.js (v14.x or above)
- npm
### Installation
Clone the repository and install the dependencies:
```
npx create-gulp-bs-template
cd
npm install
```
### Running the Development Server
To start the server with live reloading:
```
npm start
```
This will launch a local server with BrowserSync and automatically reload the page when files are modified.
### Available Scripts
- npm start: Start the development server with BrowserSync.
- npm run dev: Run the development server and watch for changes in files.
- npm run prod: Build the project for production (without minification).
- npm run prodm: Build the project for production (with minification).
### Project Structure
```
├── dist/ # Compiled project files
├── src/ # Source files
│ ├── scss/ # SCSS files
│ ├── js/ # JavaScript files
│ ├── images/ # Image assets
├── gulpfile.js # Gulp tasks
├── package.json # Project dependencies and scripts
└── README.md # Project information
```
Building for Production
To build the project for production without minification, run:
```
npm run prod
```
To build the project for production with minification, run:
```
npm run prodm
```
## Author
Amit Deka
[Email](mailto:amitdeka13@gmail.com)