使用SSR框架Next.js来实现React舒适的路由部分1。

首先

• Next.js のチュートリアルをただ翻訳しながら紹介するだけです

• https://nextjs.org/learn/basics/create-nextjs-app

Mac 前提です

Node.js と npm を事前にインストールしてください

Next.js 是什么

Next.js 是一个轻量级框架，可使用 React 构建 SSR (服务器端渲染) 应用程序。
它包含即可用的样式和路由解决方案，因此可以轻松应用样式和实现页面跳转。
Node.js 被假定为服务器环境。

SPA、SSR和React

一般来说，React单独使用的话，需要一次性加载所有的JS、CSS和HTML，也就是所谓的SPA，因此会出现初次访问较慢的问题。
为了解决这个问题，诞生了SSR，它不仅可以提升性能，还对SEO友好。
此外，如果只使用React来实现路由，React Router是比较出名的选择，但每次页面跳转都需要重新加载浏览器，因此性能不够好。而Next.js在这方面进行了改进，所以建议大家尝试一下体验一下。

Next.js 和 Gatsby

Next.js 和 Gatsby 经常被相互对比。尽管 Gatsby 构建静态网站（如落地页）非常方便，但如果构建包含多个页面的 Web 应用程序，Next.js 更加出色。

创建Next.js应用程序

创建一个Next.js应用程序。

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter"

执行开发服务器

cd nextjs-blog
npm run dev

欢迎来到Next.js

编辑页面

修改pages/index.js的内容如下：
由于热加载功能，将立即在浏览器中反映出来。

“Welcome to”
↓
“Learn”

继续…