Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jackyef/preact-goober-snowpack
WIP -- Preact + Goober + Snowpack with SSR setup, and of course TypeScript!
https://github.com/jackyef/preact-goober-snowpack
css-in-js goober javascript preact snowpack typescript web
Last synced: 6 days ago
JSON representation
WIP -- Preact + Goober + Snowpack with SSR setup, and of course TypeScript!
- Host: GitHub
- URL: https://github.com/jackyef/preact-goober-snowpack
- Owner: jackyef
- Created: 2020-07-03T13:30:21.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-07-16T07:19:33.000Z (over 4 years ago)
- Last Synced: 2025-01-20T15:17:47.043Z (15 days ago)
- Topics: css-in-js, goober, javascript, preact, snowpack, typescript, web
- Language: TypeScript
- Homepage:
- Size: 210 KB
- Stars: 5
- Watchers: 3
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# 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](https://github.com/cristianbote/goober)
- **Jest**, for running your tests
- **Webpack**, for bundling production builds
- **ESLint**, for linting your codes
## Getting started
1. Install dependencies
```sh
yarn install
```
2. Start developing (no SSR)
```sh
yarn start
```
3. Generate production client bundle using webpack
```sh
yarn build
```
4. To test SSR (uses production build)
```sh
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