我们建议使用 create-next-app创建新的 Next.js 应用程序，它会自动为你设置所有内容。创建项目，请运行：
npx create-next-app# 或者 yarn create next-app
安装完成后，按照指示启动开发服务器。试着编辑 pages/index.js 文件并在浏览器上查看结果。
有关使用 create-next-app 的更多信息，请查看 create-next-app 文档。
为你的项目安装 next、react 和 react-dom ：
npm install next react react-dom#
or
yarn add next react react-dom
打开 package.json 文件并添加 scripts 配置段：
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start"}这些脚本涉及开发应用程序的不同阶段：
Next.js 是围绕着 页面（pages） 的概念构造的。一个页面（page）就是一个从 pages 目录下的 .js、.jsx、.ts 或 .tsx 文件导出的 React 组件。
页面（page） 根据其文件名与路由关联。例如，pages/about.js 被映射到 /about。甚至可以在文件名中添加动态路由参数。
在你的项目中创建一个 pages 目录。
为 ./pages/index.js 文件填充如下内容：
function HomePage() {
return <div>Welcome to Next.js!</div>}export default HomePage要开始开发应用程序，请运行 npm run dev 或 yarn dev。这将在 http://localhost:3000 地址上启动开发服务器。
访问 http://localhost:3000 即可查看你的应用程序了。
到目前为止，我们得到了：
此外，任何 Next.js 应用程序从一开始就是可以投入到生产环境中的，请在我们的 部署文档 中阅读更多内容。
