next.js为您提供生产所需的所有功能的最佳开发体验：包括混合静态和服务器渲染、TypeScript支持、智能捆绑、路由预取等。无需配置
项目官网：https://nextjs.org/
源项目地址：https://github.com/vercel/next-learn/tree/master/basics/learn-starter
1.1 next.js的本地发布
$ yarn
yarn export1.2 next.js的线上网站发布
见下一章。
云开发平台是阿里云面向广大开发者提供的免费云上研发工作平台，可以实现开发的全流程。关于云开发平台的介绍：https://help.aliyun.com/product/161245.html。
1.创建next.js代码项目
直接fork本项目到自己的GitHub账号下。
2.打开云开发平台，完成阿里云账号注册登陆，同意云开发平台服务协议 https://workbench.aliyun.com/application
3.创建云开发平台-前端部署应用
3.1 创建前端应用
依次点击「应用列表」「前端应用」「新建前端应用」按钮。首先绑定GitHub帐号，允许云开发平台构建、发布你的GitHub代码为可访问的网站。
选择第一步中的代码仓库、主干分支等，并点击下一步。主干分支一般指的是代码的master或main等分支。
填写基本信息并点击「完成」。稍等片刻创建成功后，将进入到应用部署界面。
3.2 开发部署配置
填写日常/线上环境的部署配置 按照"?"提示，依次填写部署配置信息。其中：
-
本项目资源路径应填写为"./out",因为本项目静态资源默认存储在根目录下的out文件夹中
-
如需使用自定义域名访问，可将自定义域名填入对应位置，并在部署成功后，根据步骤3.4进行域名解析后实现自定义域名访问
3.3 进行项目的部署和查看
依次点击「部署」「确定」，即可启动日常/线上环境的发布流程。对于每个代码分支，要求先发布日常环境，再发布线上。若不需多套环境，则可以只使用日常环境，或者发布一次日常环境后，仅使用线上环境即可。
3.3.1 部署完成，查看部署结果
访问测试域名或者自定义域名，以下以测试域名为例
3.3.2 在部署完成后，部署状态会显示为“已部署”。且部署网站的记录和过程，也会被完整记录下来：
3.3.3可点击部署记录的「查看结果」来查看部署到OSS存储中的静态资源。
3.3.4 可点击部署记录的「查看日志」查看部署的详细过程，并在部署发生错误时，精确定位学习错误情况。
部署操作可以在每次更新内容并push后再次进行，实现静态网站内容的按需实时更新。
3.4 将OSS存储中的项目发布为网站链接
3.4.1 解析自己的域名到OSS Bucket的访问域名上
打开自己域名的DNS解析控制台，使用阿里云域名或其它提供商的域名均可，此处以阿里云为例：
首先，找到自己要解析的域名，添加/修改一条解析记录：
如下图所示，配置CNAME、自己的域名、记录值：
记录值查看方法示意图：
完成配置后，稍等片刻，确定使用https://zijian.aliyun.com/ ，或者ping/dig/nslookup等指令可以查找到本域名的解析情况。
3.4.2 当URL仅访问目录而非目录下的HTML文件时，由OSS托管路由自动定向至目录下的指定HTML文件
某些前端项目生成的静态代码，其HTML中嵌入的链接地址是不含index.html的。这要求放置HTML文件的存储，或NGINX服务器等，有将裸访问路径自动对应到具体HTML文件的能力。
OSS Bucket具有该托管能力，需要在使用的OSS Bucket内，选择「基础设置」「静态页面」，并如下图所示，填写默认首页为index.html，开通子目录首页功能，并点击「保存」。
3.5 （可选）使用CDN加速域名访问，节约流量费用
可点击「部署配置」中的「如何配置CDN加速」，将自己的域名与CDN加速绑定，从而加速网站访问。
云开发平台功能完全免费，但OSS存储会收取您存储、上传、下载的流量费用，具体请见： https://help.aliyun.com/document_detail/173521.html
如果希望马上停止应用计费，目前请您在OSS控制台指定Bucket内进行手动操作： https://oss.console.aliyun.com/bucket
进入您在「部署配置」中选择的Bucket，点击「文件管理」，并在多选框中勾选所有存储的文件，点击「删除」，即可即时完全停止应用被外界访问。
当您需要启动时，只要重新点击云开发平台的部署按钮即可开始部署。云开发平台会尽快增加一键停服的自动化功能，方便您随时暂停应用。