Skip to content

jackyef/preact-goober-snowpack

Repository files navigation

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

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published