jackyef / preact-goober-snowpack

WIP -- Preact + Goober + Snowpack with SSR setup, and of course TypeScript!

Snowpack + Preact + SSR + TypeScript starter (WIP)

Modern web development starter. Use snowpack during development for fast development, bundle using webpack for production.

• 📦 13.1 KB JS bundle size (5.61 KB gzipped)

Includes

• Snowpack, for blazing fast dev environment
• Preact, smaller runtime while still having access to most of React ecosystem if you choose to
• TypeScript, never hurt anyone
• Goober, a less than 1KB css-in-js solution
• Jest, for running your tests
• Webpack, for bundling production builds
• ESLint, for linting your codes

Getting started

1. Install dependencies

   yarn install

2. Start developing (no SSR)

   yarn start

3. Generate production client bundle using webpack

   yarn build

4. To test SSR (uses production build)

   yarn build # build the client bundle first, if it's not built yet
   yarn build:server
   node server/dist/main.js

Current issues

• Extracted CSS from SSR are only available for first request on asynchronous requests
• Styles using css tags are not minified in client bundle