掌握Next.js：构建高效React应用的指南
在Next.js中创建一个带有路由的页面，你需要执行以下步骤：
- 安装Next.js（如果尚未安装）：
npm install next react react-dom- 创建一个
pages目录。 - 在
pages目录中，创建一个新的文件，命名为about.js：
function About() {
return (
<div>
<h1>关于我们</h1>
<p>这是关于我们页面的内容。</p>
</div>
);
}
export default About;- 运行Next.js开发服务器：
npx next dev- 在浏览器中访问
http://localhost:3000/about，你将看到新创建的页面。
以上步骤简要展示了如何在Next.js中创建一个新页面。Next.js使用文件系统作为路由，pages目录中的每个文件都会自动生成对应的路由。在实际开发中，你可以添加更多的React组件和逻辑，以及自定义CSS样式来完善页面设计。
评论已关闭