Universal React + GraphQL starter kit, written in Typescript.
React 16 · Apollo 2 · MobX · Webpack 4 · Emotion + PostCSS + LESS/SASS · GraphQL Code Generator · React Router 4 · Server-side rendering.
GraphQL queries run on the server first, giving users and search engines rich HTML with data, markup and styles - with no configuration needed.
Dumps your React + GraphQL into plain HTML dynamically per request, with full client-side support. Store state automatically rehydrated from both Apollo & MobX.
Navigating your site will be blistering fast, thanks to pre-loaded routes and async data loading. Obliterate full-page reloads and enjoy server-side rendering, to boot.
Enjoy full sourcemaps and hot code reloading in development.
When you're ready to go live, just
npm run production
Freely edit React components, styles or other code in development, and watch changes happen in real-time in the browser - no refresh needed.
Your code, images and CSS will be minified to save every byte possible. Assets in production will be served gzipped and Brotli compressed, too.
Almost every line of code is littered with comments, so you can get to grips with how it's wired together, fast.
GraphQL store state crunched on the server is sent down the wire to the browser, so your user can pick-up where your server finishes. Everything is just GraphQL.
Vendor code is automatically split from the code you write, making async route loading and caching fast and automatic. No need to maintain a separate vendor list.