All Projects → ilkeraltin → React Ssr News

ilkeraltin / React Ssr News

Licence: mit
Server Side Rendering for React demo project

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Ssr News

Kite
🌴 Kite 前台页面是vue ssr服务端渲染、后台页面是react spa、服务层nodejs express、mysql编写的一套多权限文章、动态管理系统
Stars: ✭ 455 (+113.62%)
Mutual labels:  express, ssr
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (-59.62%)
Mutual labels:  express, ssr
Angela
🙂angela (安其拉):react ssr router redux; react同构框架
Stars: ✭ 15 (-92.96%)
Mutual labels:  express, ssr
Next Go
Production ready blog + boilerplate for Next.js 3.X
Stars: ✭ 254 (+19.25%)
Mutual labels:  express, ssr
React Fondue
⚛ ReactFondue is minimal React boilerplate with support for code splitting, hot module reload and server side rendering.
Stars: ✭ 146 (-31.46%)
Mutual labels:  express, ssr
Nuxt Ssr
✨vue+nuxt+sass+node+express+MongoDB 实现的SSR项目。
Stars: ✭ 323 (+51.64%)
Mutual labels:  express, ssr
Preact Cli Ssr
A quick demo for adding SSR to a Preact CLI app
Stars: ✭ 76 (-64.32%)
Mutual labels:  express, ssr
Nextjs Redux Starter
Next.js + Redux + styled-components + Express = 😇
Stars: ✭ 257 (+20.66%)
Mutual labels:  express, ssr
Razzle Material Ui Styled Example
Razzle Material-UI example with Styled Components using Express with compression
Stars: ✭ 117 (-45.07%)
Mutual labels:  express, ssr
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (-45.54%)
Mutual labels:  express, ssr
Ssr
React Server-Side Rendering Example
Stars: ✭ 226 (+6.1%)
Mutual labels:  express, ssr
Mmf Blog Vue2 Ssr
mmf-blog-vue2 ssr(The service side rendering)
Stars: ✭ 174 (-18.31%)
Mutual labels:  express, ssr
Essay
A blog system based on Nuxt.js
Stars: ✭ 913 (+328.64%)
Mutual labels:  express, ssr
Netlify Functions Express
How to use Netlify functions + express.js for serverside rendering on the JAMStack
Stars: ✭ 105 (-50.7%)
Mutual labels:  express, ssr
React Wp Rest
A boilerplate for pairing the WP Rest API with a server-rendered React app
Stars: ✭ 167 (-21.6%)
Mutual labels:  express, ssr
Crate
👕 👖 📦 A sample web and mobile application built with Node, Express, React, React Native, Redux and GraphQL. Very basic replica of stitchfix.com / krate.in (allows users to get monthly subscription of trendy clothes and accessories).
Stars: ✭ 2,281 (+970.89%)
Mutual labels:  express, ssr
Saas
Build your own SaaS business with SaaS boilerplate. Productive stack: React, Material-UI, Next, MobX, WebSockets, Express, Node, Mongoose, MongoDB. Written with TypeScript.
Stars: ✭ 2,720 (+1177%)
Mutual labels:  express
Mordred
[Experimental] Source data from anywhere, for Next.js, Nuxt.js, Eleventy and many more.
Stars: ✭ 208 (-2.35%)
Mutual labels:  ssr
Express Graphql Boilerplate
Express GraphQL API with JWT Authentication and support for sqlite, mysql, and postgresql
Stars: ✭ 201 (-5.63%)
Mutual labels:  express
Vue Node Pastime
😄 基于vue全家桶、nodejs和mongodb的前后端整合项目
Stars: ✭ 200 (-6.1%)
Mutual labels:  express

SSR News - React

React Server Side Rendering demo project. This project uses News API under the hood.

Demo: Click to see DEMO

SSR News

Getting Started

This project created for a Meetup talk about Server Side Rendering with React.

There is also a SPA version of same project.

Installing

First clone project and install dependencies

$ mkdir react-news && cd react-news
$ git clone https://github.com/ilkeraltin/react-ssr-news.git
$ cd react-ssr-news
$ npm install

Navigate to News API and grab your API key.

Find config.js in root folder and update API Key.

const config = {
  apikey: 'enter-your-api-key'
};

Run on local

$ npm run dev

Navigate to http://localhost:3000

Deployment

Deployment build

$ npm run build:prod

You can deploy this project to:

Built With

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].