Skip to content

Server side rendering static/dynamic content with ReactJS

License

Notifications You must be signed in to change notification settings

HenryBrown0/react-ssr

Repository files navigation

React SSR

work in progress

About

This project does the following:

  • Renders static/dynamic content on the server into HTML/CSS
  • Client hydrates the server generated content and continues rendering the application

Prerequisites

Node.js v12.14.1
Yarn v1.21.1

Installation

To install dependencies

yarn install

Running locally

Server

yarn watch-server
yarn start-server

Client

yarn start

Deployment

Building and running the project in production

yarn build
yarn serve

Built With

  • Parcel - Web application bundler
  • React - User interface framework
  • React Helmet Async - A document head manager for React
  • React Router Dom - Collection of navigational components
  • TypeScript - TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
  • Yarn - Package manager

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

Special thanks

Thanks to the Redux team for the server side rendering guide. I've used this as an example of how to get the server generated state hydrated into the client using Reacts context API.

License

This project is licensed under the MIT License - see the LICENSE file for details

About

Server side rendering static/dynamic content with ReactJS

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published