webpack-simple-boilerplate

ESM Webpack 5 boilerplate (SASS, PostCSS, ESLint, Prettier, Styleint, husky, Babel, React, TS) also Docker and NGINX

reactstylelintsassdockernginxtemplateboilerplatewebpackpostcsseslintdocker-composeprettier

Preview

webpack-simple-boilerplate preview

Overview

This is a Webpack 5 boilerplate for building modern web applications with React and TypeScript. It includes a complete development and production setup with Babel transpilation, SCSS/CSS processing, asset optimization, code linting, formatting, Git hooks and automated release workflows.

Features

webpack5esmhot-module-replacementcode-splittingtree-shakingsource-mapsenvironment-variablessvg-supportcss-modulespostcssautoprefixerminificationasset-optimization

Feature Flags

userDashboardauthenticationsubscriptionsinvoicesblogseoecommercefileUploadsauthorizationteamsOrgsloggingErrorTrackingjobsQueuemapsformsValidation

Recommended Use Cases

react-spa-developmentfrontend-applicationcomponent-libraryprogressive-web-app

Frontend

reactwebpackbabeltypescriptsasspostcss

Backend

None

Auth Providers

None

Deployment Targets

dockernginx

Payment Providers

None

Quick Facts

โญ Stars
5
๐Ÿด Forks
0
๐Ÿ”„ Active
Yes
๐Ÿ•’ Last Commit
2025-10-19T07:46:27Z

Stack

Framework
react
Language
typescript
CSS
sass
CI
husky, lint-staged, commitlint, semantic-release

Data Layer

UI Stack

Styling
sass
Components
react

Developer Experience

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

Pricing

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