frontend-webpack-boilerplate

Simple starter webpack 5 project template supporting SASS/PostCSS, Babel ES7, browser syncing, code linting. Easy project setup having multiple features and developer friendly tools.

javascriptstylelintsetuphtmlsasstemplateboilerplatebabelwebpackpostcsseslintes6

Preview

frontend-webpack-boilerplate preview

Overview

This is a Webpack 5 boilerplate template for building modern web projects with zero dependencies, featuring SASS/PostCSS, JavaScript (ES6+), image and font optimization, HTML templating and development tools like linting, source maps and a dev server. It includes production-ready asset optimization, browser compatibility configuration via browserslist and GitHub Actions integration for deployment.

Features

sass-supportpostcss-supportbabel-es6-es7browser-syncingcode-lintingsource-mapsasset-optimizationimage-optimizationfont-inliningwebpack-dev-serverbundle-analyzerhtml-templatingautoprefixerbrowserslist-support

Feature Flags

invoicesblogemailsecommerceauthorizationteamsOrgssearchainotificationsimageProcessingmapsformsValidation

Recommended Use Cases

static-website-developmentfrontend-project-setupasset-bundlingmulti-page-applications

Frontend

webpackbabelsasspostcss

Backend

None

Auth Providers

None

Deployment Targets

awsherokugithub-pages

Payment Providers

None

Quick Facts

โญ Stars
731
๐Ÿด Forks
202
๐Ÿ”„ Active
Yes
๐Ÿ•’ Last Commit
2025-08-19T18:29:43.000Z

Stack

Language
javascript
CSS
sass
CI
github-actions

Data Layer

Databases
postgresql

UI Stack

Styling
sass

Developer Experience

Docker
No
Tests
No
Quickstart
Yes
env.example
Yes
CI
github-actions

Pricing

Classification
free
Selected
โ€”
Notes
Open source boilerplate template with zero dependencies
Get Started with this Boilerplate