# react-next-ssr

**Repository Path**: javafdx/react-next-ssr

## Basic Information

- **Project Name**: react-next-ssr
- **Description**: ssr首屏渲染，提高搜索
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-01-30
- **Last Updated**: 2023-01-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



### 提高首屏渲染速度
拆解
路由懒加载

### SSR和同构
SSR- 服务端渲染--指的是页面在服务端生成html
1.方式一：手动搭建一个ssr框架
2.使用已经成熟的ssr框架：Next.js
安装Next.js框架的脚手架
npm install -g create-next-app
创建Next.js项目
create-next-app next-demo
dependencies: {
	next:9.5.2,
	react:16.13.1,
	react-dom:16.13.1
}
---------------------------
PS D:\王红元-react> npx create-next-app next-demo-fu
√ Would you like to use TypeScript with this project? ... No / Yes
√ Would you like to use ESLint with this project? ... No / Yes
√ Would you like to use `src/` directory with this project? ... No / Yes
√ Would you like to use experimental `app/` directory with this project? ... No / Yes
√ What import alias would you like configured? ... @/*
Creating a new Next.js app in D:\王红元-react\next-demo-fu.

Using npm.

Installing dependencies:
- react
- react-dom
- next
- @next/font
- typescript
- @types/react
- @types/node
- @types/react-dom
- eslint
- eslint-config-next

[############......] | reify:stop-iteration-iterator: timing