Skip to content

Latest commit

 

History

History
40 lines (33 loc) · 1.18 KB

readme.md

File metadata and controls

40 lines (33 loc) · 1.18 KB

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