Next.js 是构建在React 之上的用于生产的 React 框架。
有几个特点:
- Next.js 具有内建的对服务端渲染的支持
- file-based routing
- 是一个全栈框架
创建 next app 首先需要安装node,然后运行命令:
npx create-next-app@latest
命令 Next.js 文档上有。
然后启动 server: npm run dev
demo project:在pages文件夹中新建两个文件,index.js 和 news.js
news.js 代码类似于 index.js
function NewsPage() {
// 返回 JSX,同 React
return <h1>The News Page</h1>;
}
export default NewsPage;
不同于 React, Next pages 文件夹中的文件名对应路由,例如 index.js 对应 /
, /news
对应 news.js: