SSR News - React
React Server Side Rendering demo project. This project uses News API under the hood.
Demo: Click to see DEMO
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
-
⚛ React + Express – SSR Setup with TypeScript Advertising: I wrote a book about React. There's a German and an English version. Buy one if you like this project and you want to support my work! Englis
-
React Server-Side Rendering Example Above is an example playground for you to play with React & Redux on Client and Server sides.Before jumping into it, make sure to read SSR tutorial on Freecodecamp
-
本仓库的 目的 是为 san 提供一个 SSR 代码框架和工具，以及内置了 JavaScript 的代码生成。 English SSR 代码迁移：从 san 到 san-ssr Demo：demo/ 安装 npm i san@latest san-ssr@latest san-ssr 需要 san 提供的模板字符串解析和 TypeScript 类型，因此对 san 的版本有依赖。你需要安装对应版本
-
A minimum sample of Server-Side-Rendering, Single-Page-Application, and Progressive Web App What's this project? This project introduces how to implement SSR, SPA, and PWA. Articles only Japanese SPA
-
Nuxt-ssr是一个文章增删改查的SSR项目 Nuxt.js该项目是一个ssr结构完整的项目，适合新人练手使用，如果对您有帮助，请右上角给个star，鼓励一下，同时希望指正。也可以加 nuxt技术交流群，大家一起相互学习，相互成长。 用到的技术 Vue.js v2.0.0 Nuxt.js v1.0.0 Node.js v9.8.0 (必须>=8.0) Express.js v4.x MongoD
-
使用 在SSR-3目录中 npm install 安装依赖 打包服务端 npm run server:build 打包客户端 npm run client:build 在dist目录index.ssr.html中引入客户端代码<script src="./client.bundle.js"></script> 执行服务端脚本 node server.js webpack5.0尝鲜 SSR+Vue+