Next.js 解决的问题

前端使用的是SPA形式开发前端,这时候需要解决SEO的问题。那么自然而然的就想到了Server Side Render (SSR) 服务端渲染了。但是我们希望架构上还是保留前后端分离的整体架构,这时候我首先想到的是蚂蚁的umijs是否支持,可是看到umijs的服务端渲染还处于一个开发状态,就转而询问google,这时候Next.js就进入眼帘。

初始化项目

执行以下命令进行初始化项目

npx create-next-app@latest

输入命令后根据提示选择你需要的内容

image-20231030191802814

然后等待npm安装对应的包,安装完成后就可以启动项目了

启动项目

输入下面命令

npm run dev

等待启动,会提示当前启动后的访问地址,如下图:

image-20231030192057935

访问对应的地址可以看到next默认的项目了

image-20231030192204359