Webpack3 boilerplate for building SPA / PWA / offline front-end apps with ⚛️ Preact
preact-starter will kickstart your next application! 💯 It is designed to fit the "90% use-case" for those who want to build offline-first web apps (see features below).
🚩 Important: This is meant for client-side apps only; there is no support included for universal / server-side rendering. I plan to release my own SSR kit shortly!
Please note: Boilerplate does not incorporate the latest "css-in-js" or "css modules" technique. Instead, the more traditional approach is taken, wherein
scripts are kept separate. That said, you may certainly and easily take that route if desired. ✅
⚠️ Boilerplate & commands will evolve as my own development process does. ⚠️
git clone https://github.com/lukeed/preact-starter cd preact-starter npm install npm run build npm start
❗️ Pro Tip: Use Yarn to install dependencies 3x faster than NPM!
Offline Caching (via
SASS & Autoprefixer
Asset Versioning (aka "cache-busting")
ES2015 (ES6) and ES2016 (ES7) support
Hot Module Replacement (HMR) for all files
Preact's Developer Tools
Any of the following commands can (and should 😉) be run from the command line.
If using Yarn, all instances of
npmcan be replaced with
$ npm run build
Compiles all files. Output is sent to the
$ npm start
Runs your application (from the
dist directory) in the browser.
$ npm run watch
start, but will auto-compile & auto-reload the server after any file changes within the
You can inspect and modify the state of your Preact UI components at runtime using the React Developer Tools browser extension.
preact/devtoolsmodule in your app
MIT Luke Edwards