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 browsersync critical-css gulp handlebars imagemin pnpm postcss purgecss static-site vanilla-css vanilla-javascript webp webpack
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 (11 months ago)
- Default Branch: main
- Last Pushed: 2025-01-07T23:23:32.000Z (4 months ago)
- Last Synced: 2025-02-01T18:11:46.225Z (3 months ago)
- Topics: boilerplate-front-end, browsersync, critical-css, gulp, handlebars, imagemin, pnpm, postcss, purgecss, static-site, vanilla-css, vanilla-javascript, webp, webpack
- Language: Handlebars
- Homepage: https://github.com/jmsedwrdmnkme/front-end-boilerplate
- Size: 2.39 MB
- Stars: 2
- 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
* Vanilla JS, no frameworks here!
* Javascript scripts process (uglify, compression, concat)
* Webpack via Gulp watch task runner for modular imports
* Native deferred loading of JS
### CSS
* Vanilla CSS, no frameworks here!
* PostCSS, featuring @import plugin for your native styling needs
* 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)