GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → frntendev → react-ssr-apollo-boilerplate

frntendev / react-ssr-apollo-boilerplate

Licence: MIT license
A boilerplate for React with SSR using GraphQL and Apollo

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects
HTML
75241 projects

Labels

reactgraphqlapolloemotionserver-side-renderingreact-router-v5

Projects that are alternatives of or similar to react-ssr-apollo-boilerplate

Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+9547.37%)
Mutual labels:  apollo, emotion, server-side-rendering
Kohei.dev
🌎 A Production-level Single Page App with Server Side Rendering
Stars: ✭ 50 (+163.16%)
Mutual labels:  emotion, server-side-rendering
ultimate-hot-boilerplate
🚀 node-react universal app boilerplate with everything on hot reload, SSR, GraphQL, Flow included
Stars: ✭ 35 (+84.21%)
Mutual labels:  apollo, server-side-rendering
Vuesion
Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.
Stars: ✭ 2,510 (+13110.53%)
Mutual labels:  apollo, server-side-rendering
React Starter
Starter kit for creating universal React applications.
Stars: ✭ 306 (+1510.53%)
Mutual labels:  apollo, server-side-rendering
Rogue.js
The "nearly invisible" way to server-render React applications
Stars: ✭ 1,923 (+10021.05%)
Mutual labels:  apollo, server-side-rendering
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: ✭ 285 (+1400%)
Mutual labels:  apollo, server-side-rendering
recipes-next-hasura
A lightweight app to explore and create recipes - Built with Next.js, Hasura, and Chakra-UI
Stars: ✭ 30 (+57.89%)
Mutual labels:  apollo, emotion
rogue.js
The "nearly invisible" way to server-render React applications
Stars: ✭ 1,914 (+9973.68%)
Mutual labels:  apollo, server-side-rendering
Firstsight
前后端分离，服务端渲染的个人博客，基于 Nodejs、 Vue、 Nuxt、Nestjs、PostgreSQL、Apollo
Stars: ✭ 19 (+0%)
Mutual labels:  apollo
webpack-isomorphic-compiler
A compiler that makes your life easier if you are building isomorphic webpack powered apps, that is, single page applications with server-side rendering
Stars: ✭ 16 (-15.79%)
Mutual labels:  server-side-rendering
react-coat-ssr-demo
Demo with Typescript + React + Redux for server-side-rendering (SSR)
Stars: ✭ 100 (+426.32%)
Mutual labels:  server-side-rendering
vue-ssr-boilerplate
A boilerplate for developing Server Side Render Vue.js Application
Stars: ✭ 24 (+26.32%)
Mutual labels:  server-side-rendering
mean-start-2
Full stack Angular + Nest + Universal.
Stars: ✭ 19 (+0%)
Mutual labels:  server-side-rendering
elegant-react-ssr
Server-side rendering with create-react-app, React Router v4, Helmet, Redux, and Thunk boilerplate, without ejecting CRA
Stars: ✭ 16 (-15.79%)
Mutual labels:  server-side-rendering
next-postgres
A minimal example web application using NextJS 12.0.7, Postgres 11, Google OAuth2 and other useful libraries.
Stars: ✭ 72 (+278.95%)
Mutual labels:  emotion
Modern-Web-App
React PWA with SSR and Code splitting
Stars: ✭ 45 (+136.84%)
Mutual labels:  server-side-rendering
les-chat
Real-time messenger with private, public & group chat. Made using PERN + GraphQL stack.
Stars: ✭ 48 (+152.63%)
Mutual labels:  apollo
meteor-apollo2
An example showing how to use Apollo 2.0 with GraphQL server + subscriptions
Stars: ✭ 20 (+5.26%)
Mutual labels:  apollo
EmotionNote
This is a notebook which can feel your emotion!
Stars: ✭ 34 (+78.95%)
Mutual labels:  emotion
View All Similar Projects ➔

React Server Side Rendering Using GraphQL and apollo

A baseline for server side rendering for your React application using GraphQL Apollo. Inspired by https://github.com/manuelbieh/react-ssr-setup

Getting started

Clone the repo with git clone [email protected]:sepehr1313/react-ssr-apollo-boilerplate.git

Install dependencies with npm i

Run dev mode with npm start

Build for production npm build

Now open the browser and navigate to http://localhost:3000 and you get your server rendered React app. You can inspect the page source and see that the html coming from your local server has all the nodes defined in the React app.

Packages and frameworks

Here are a few of the highlighted technologies used in this project, as well as a few anticipated technologies that will work their way into this project in the future:

  • React 17
  • GraphQL
  • React Router
  • Apollo 3
  • Emotion-js 11
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].