声明:本站文章均为作者个人原创,图片均为实际截图。如有需要请收藏网站,禁止转载,谢谢配合!!!

Next.js是React服务端渲染应用框架.用于构建SEO友好的SPA应用
支持两种预渲染方式,静态生成和服务器端渲染
基于页面的路由系统,路由零配置
自动代码拆分,优化页面加载速度
支持静态导出,可将应用导出为静态网站
内置CSS-in-JS库styled-jsx
方案成熟,可用于生产环境,世界许多公司都在使用
应用部署简单,拥有专属部署环境Vercel,也可以部署在其他环境

1、创建NextJs项目

npm init next-app

2、运行项目

yarn dev

浏览器打开 http://localhost:3000 即可看到页面

3、pages新建test.js页面

function abc(){
    return (
        <h1>八点博客</h1>
    )
}

export default abc

4、浏览器访问

http://localhost:3000/test

可以看到next已自动为我们配置好路由