Next.js(https://www.nextjs.cn/)是一个支持静态渲染(Static Exporting)、服务端渲染(SSR)的轻量级 React 框架。
Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验:包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。
Next.js 具有同类框架中最佳的“开发人员体验”和许多内置功能。列举其中一些如下:
直观的、 基于页面 的路由系统(并支持 动态路由)
预渲染。支持在页面级的 静态生成 (SSG) 和 服务器端渲染 (SSR)
自动代码拆分,提升页面加载速度
具有经过优化的预取功能的 客户端路由
内置 CSS 和 Sass 的支持,并支持任何 CSS-in-JS 库
开发环境支持 快速刷新
利用 Serverless Functions 及 API 路由 构建 API 功能
完全可扩展
Next.js 被用于数以万计的的网站和 Web 应用程序,包括许多世界上许多最大的品牌都在使用 Next.js。
那么怎么用nextjs创建一个项目呢,我们来看看。
运行环境
首先,让我们确保您的开发环境已经准备就绪。
如果您尚未安装 Node.js,请 从此处安装。要求 Node.js 10.13 或更高版本。
创建一个 Next.js 应用
要创建 Next.js 应用,请打开你的终端窗口,cd 进入您要在其中创建应用程序的目录,然后运行以下命令:npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter"
其背后的工作是通过调用 create-next-app 工具完成的,该工具为你创建了一个 Next.js 应用程序。通过 --example 参数指定使用 此模板 。运行开发服务器
现在,您有了一个名为 nextjs-blog 的新目录。让我们 cd 进入此目录:cd nextjs-blog
然后,运行以下命令:npm run dev
这将在 3000 端口上启动 Next.js 应用程序的“开发服务器”。让我们检查一下是否正常。在浏览器中打开 http://localhost:3000 。
网友回复
DLNA与UPnP的区别和不同?
苏超自建抢票app,通过先预约再抽签化解高并发抢票?
python如何让给电脑在局域网中伪装成电视接收手机的投屏图片视频播放?
如何结合python+js如何自己的视频编码与加密播放直播?
python如何在电脑上通过局域网将本地视频或m3u8视频投屏电视播放?
腾讯视频爱奇艺优酷vip电影电视剧视频如何通过python绕过vip收费直接观看?
有没有可免费观看全球电视台直播m3u8地址url的合集?
有没有实现观影自由的免vip影视苹果 CMS V10 API的可用url?
python如何实时检测电脑usb插入检测报警?
如何判断真人操作的鼠标移动直线轨迹与机器操作的轨迹?