https://github.com/jmsedwrdmnkme/front-end-boilerplate

Modern, optimised, minimal front end boilerplate; installed and kept up to date via PNPM.
https://github.com/jmsedwrdmnkme/front-end-boilerplate

boilerplate-front-end bootstrap5 gulp pnpm static-site

Last synced: 3 months ago
JSON representation

Modern, optimised, minimal front end boilerplate; installed and kept up to date via PNPM.

• Host: GitHub
• URL: https://github.com/jmsedwrdmnkme/front-end-boilerplate
• Owner: jmsedwrdmnkme
• License: gpl-3.0
• Created: 2024-06-07T12:45:43.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-07-31T17:41:07.000Z (6 months ago)
• Last Synced: 2024-09-29T04:01:47.589Z (4 months ago)
• Topics: boilerplate-front-end, bootstrap5, gulp, pnpm, static-site
• Language: Handlebars
• Homepage:
• Size: 1.95 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# front-end-boilerplate

Modern, optimised, minimal front end boilerplate; installed and kept up to date via PNPM.

Will play nice(st) with the latest versions of modern browsers:-

* Edge

* Firefox

* Chromium

* Safari

## Get started

* git clone https://github.com/jmsedwrdmnkme/front-end-boilerplate.git

* cd front-end-boilerplate

* pnpm install

* gulp

* Start building!

## Features

### Javascript

* Bootstrap v5.3.3

* Fully vanilla, no frameworks here!

* Javascript scripts process (uglify, compression, concat)

* Webpack via Gulp watch task runner for modular imports

* Native deferred loading of JS

### CSS

* Bootstrap v5.3.3

* SASS styles process (compression, concat)

* PurgeCSS to rid of bloat and unused styles

* Critical for inlining of critical styles and deferred loading of non-critical styles

### Assets

* Handlebars HTML templating process (featuring partials)

* Imagemin IMG process (image optimisation and SVG minification)

* WebP conversion for imagery (optimised file size output)

* SVG icon sprite (generated inline from SVG assets)

* Sitemap.xml auto generated (using file creation/update date and time)

* BrowserSync process (auto reload on file save/update)