frontend-boilerplate

An ES20XX starter with common frontend tasks using Webpack 5 as module bundler and npm scripts as task runner.

javascripttemplateboilerplatebabeltypescriptwebpackeslintfrontendglslprettierstarterwebpack5
FreeRepo

Preview

frontend-boilerplate preview

Overview

This is a modern frontend starter template built with Webpack 5 and npm scripts that handles common web development tasks like asset optimization, CSS processing and HTML generation. It uses Babel, PostCSS and various loaders to support multiple languages and formats, with built-in features for service workers, favicons, sitemaps and performance optimization to help achieve high Lighthouse scores when properly deployed.

Features

webpack5babeltypescripteslintprettierhot-module-replacementservice-workerimage-optimizationsvg-spritecss-minificationcode-splittingfavicon-generationsitemap-generationrobots-txt-generationglsl-supportmarkdown-supportejs-templating

Feature Flags

subscriptionsblogseoanalyticsjobsQueueimageProcessingmapspwa

Recommended Use Cases

frontend-developmentstatic-site-generationweb-applicationprogressive-web-app

Frontend

webpackbabeltypescriptpostcsssasslessstylus

Backend

None

Auth Providers

None

Deployment Targets

None

Payment Providers

None

Quick Facts

โญ Stars
225
๐Ÿด Forks
36
๐Ÿงพ License
mit
๐Ÿ”„ Active
Unknown
๐Ÿ•’ Last Commit
2021-11-12T13:35:21.000Z

Stack

Language
javascript
CSS
postcss, sass, less, stylus

Data Layer

Databases
postgresql

UI Stack

Styling
postcss

Developer Experience

Docker
No
Tests
No
Quickstart
Yes
env.example
No

Pricing

Classification
free
Selected
โ€”
Notes
No clear pricing signals
Get Started with this Boilerplate