https://github.com/jareechang/react-ssr-dev-starter
minimal ssr dev starter
https://github.com/jareechang/react-ssr-dev-starter
express http-proxy nodemon pug ssr webpack
Last synced: 3 months ago
JSON representation
minimal ssr dev starter
- Host: GitHub
- URL: https://github.com/jareechang/react-ssr-dev-starter
- Owner: Jareechang
- Created: 2021-01-25T10:07:38.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-01-25T10:35:16.000Z (over 5 years ago)
- Last Synced: 2026-03-04T04:13:42.683Z (4 months ago)
- Topics: express, http-proxy, nodemon, pug, ssr, webpack
- Language: TypeScript
- Homepage:
- Size: 345 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Basic react SSR dev server starter
A client with `create-react-app` and a minimal server ssr starter.
⚠️ **This is not meant for production use**
#### Sections
1. [Motivation](#motivation)
2. [What is included](#what-is-included)
3. [Technologies](#technologies)
#### Motivation
This repo is mainly to create a playground for experimenting with react related things with SSR included.
A lot of existing frameworks have a lot of batteries included and are quite opinionated.
**They offer the following:**
- State sync between client / server
- Data fetching / loading
- Router
- Builds
- Templating
- and More...
Most of the time, these functionalities built-in, and typically are quite difficult to swap out or deviate away from the approach offered by the framework.
So, it forces you to build apps in a certain way. For a good reason, which is optimized for production in a specific case.
However, this make it difficult to experiment / try out ideas with different techniques or optimize for edge cases.
### What is included
1. Client - `create-react-app`
2. Server - minimal server
- Includes SSR (serving the app shell)
- Auto refresh on server restart
- Proxy requests from `/assets/*` to `create-react-app` webpack dev-server
### Technologies
#### Client
- create-react-app
- react / react-dom
#### Server
- express
- http-proxy
- webpack
- react / react-dom
- nodemon
- pug (templating)