helderfarias / cra-ssr-code-splitting

Demo code for Server Side Rendering and Code Splitting in a create-react-app.

Home Page:https://medium.com/bucharestjs/upgrading-a-create-react-app-project-to-a-ssr-code-splitting-setup-9da57df2040a

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

What's this?

This is a sample app to demonstrate how you can achieve both Server Side Rendering and Code Splitting in a create-react-app. It supports the mini-series I've wrote on Medium about this topic:

  1. Upgrading a create-react-app project to a SSR + Code Splitting setup
  2. Adding state management with Redux in a CRA + SSR project

How can I see it in action?

Just install dependencies, build the app and run the express server:

yarn install
yarn run build
yarn run server

Can I use this as a template for a production app?

NO! This repo exists only to demonstrate how to achieve SSR and Code Splitting at the same time.

But... Why? --- The server app is as slim as it can get. It lacks even the most basic security features like XSS and CSRF.

This is not a boilerplate for a production expressjs server app!!!

About

Demo code for Server Side Rendering and Code Splitting in a create-react-app.

https://medium.com/bucharestjs/upgrading-a-create-react-app-project-to-a-ssr-code-splitting-setup-9da57df2040a


Languages

Language:JavaScript 84.4%Language:HTML 11.3%Language:CSS 4.3%