tris-webpack-boilerplate

A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.

htmlsassboilerplatebabelcompressionwebpackpwaes6offlineoffline-firstoptimizationwebpack-boilerplate

Preview

tris-webpack-boilerplate preview

Overview

This webpack boilerplate helps developers build static websites with built-in performance optimizations to achieve high scores on Google PageSpeed Insights and Lighthouse. It uses Webpack 4 with a modular configuration (development, production and common configs), SCSS, ES6 transpiling, image compression, PWA support and asset minification to streamline the development and deployment process.

Features

webpack-bundlinges6-transpilingsass-scss-supportimage-compressionasset-compressiongzip-compressionsourcemapsfavicon-generationoffline-firstprogressive-web-apppurgecssautoprefixerfont-preloadinghtml-minificationcss-minificationjs-minification404-pagemultipage-support

Feature Flags

subscriptionsinvoicesecommercefileUploadsjobsQueuesearchnotificationscachingimageProcessingmapspwaformsValidationoffline

Recommended Use Cases

static-websitesperformance-optimized-sitespwa-developmentoffline-first-applications

Frontend

webpackbabelsasspostcss

Backend

None

Auth Providers

None

Deployment Targets

netlifyftpstatic-hosting

Payment Providers

None

Quick Facts

โญ Stars
1k
๐Ÿด Forks
96
๐Ÿ”„ Active
Unknown
๐Ÿ•’ Last Commit
2021-02-05T17:49:35Z

Stack

Language
javascript
CSS
sass

Data Layer

Databases
postgresql

UI Stack

Styling
sass

Developer Experience

Docker
No
Tests
No
Quickstart
Yes
env.example
No

Pricing

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