this is a boilerplate starter kit for rapid web development. it is based on npm scripts.
- Vite
- TypeScript
- Sass (basic pipeline: sourcemaps, autoprefixing, file inlining)
- Tailwind CSS (tailwind pipeline: PostCSS, no Sass)
- Browsersync
- eslint
- React
- Jest (unit/integration/regression tests with Puppeteer)
- hlp
- Prettier and Prettier PHP Plugin
- Desktop notifications on error
- AGENTS.md
- watchers for file changes
- copy scripts
- minification of html, js and css
- bundling of external libs
- extracting of critical css for above-the-fold-content
- deferred loading of google analytics
- import css files in javascript
- google page speed 100/100 ready
- zero vulnerabilities on
npm audit
mkdir testproject
cd testproject
wget https://github.com/vielhuber/boilerplate/archive/main.zip
unzip main.zip -d .
mv boilerplate-main/{.[!.],}* .
rm -r boilerplate-main main.zip README.md
cp .env.example .env
nvm use --lts
npm install
npm run |
pipeline | watch | browsersync | delete | copy | css | js | html | tests |
|---|---|---|---|---|---|---|---|---|---|
dev:slim:tailwind |
tailwind | β | β | β | β | ||||
dev:full:tailwind |
tailwind | β | β | β | β | β | β | β | |
prod:slim:tailwind |
tailwind | β | β | ||||||
prod:full:tailwind |
tailwind | β | β | β | β | β | |||
dev:slim:basic |
basic | β | β | β | β | ||||
dev:full:basic |
basic | β | β | β | β | β | β | β | |
prod:slim:basic |
basic | β | β | ||||||
prod:full:basic |
basic | β | β | β | β | β |