一、操作场景
注意：说明：
注意：这篇档主要介绍控制台部署方案，你也可以通过命令行完成部署，详情请参见 通过命令行完成框架部署。
二、前提条件
在使用腾讯云云函数服务之前，你需要 注册腾讯云账号 并完成 实名认证。
三、模板部署：一键部署 Next.js 项目
1. 登录 Serverless 控制台，单击左侧导航栏的函数服务。
2. 在主界面上方选择期望创建函数的地域，并单击新建，进入函数创建流程。
3. 选择使用模板创建来新建函数，在搜索框里输入 webfunc 筛选函数模板，选择 Next.js 框架模板并单击下一步。如下：
4. 在新建页面，你可以查看模板项目的具体配置信息并进行修改。
5. 单击完成即可创建函数。函数创建完成后，你可在函数管理页面查看 Web 函数的基本信息。
6. 你可以通过 API 网关生成的访问路径 URL，访问你部署的 Next.js 项目。单击左侧菜单栏中的触发管理，查看访问路径。如下：
7. 单击访问路径 URL，即可访问服务 Next.js 项目。如下：
注意：说明：
注意：由于 Nextjs 框架每次部署前需要重新构建，请确保本地更新代码并且重新 build 之后再进行部署。
四、前提条件
本地已安装 Node.js 运行环境。
五、本地开发
1. 参考 Next.js 产品文档，安装并初始化你的 Next.js 项目：
npx create-next-app
2. 在根目录下，执行以下命令在本地直接启动服务。
cd my-app && npm run dev
3. 打开浏览器访问 http://localhost:3000，即可在本地完成 Next.js 示例项目的访问。如下：
六、部署上云
接下来执行以下步骤，对已初始化的项目进行简单修改，使其可以通过 Web Function 快速部署，此处项目改造通常分为以下两步：
·修改监听地址与端口为 0.0.0.0:9000。
·新增 scf_bootstrap 启动文件。
具体步骤如下：
1. 在项目根目录下新建 scf_bootstrap 启动文件，在该文件添加如下内容（用于启动服务并指定启动端口）：
#!/var/lang/node12/bin/nodeconst { nextStart } = require('next/dist/cli/next-start');nextStart([ '–port', '9000', '–hostname', '0.0.0.0' ])
2. 新建完成后，还需执行以下命令修改文件可执行权限，默认需要 777 或 755 权限才可正常启动。示例如下：
chmod 777 scf_bootstrap
3. 登录 Serverless 控制台，单击左侧导航栏的函数服务。
4. 在主界面上方选择期望创建函数的地域，并单击新建，进入函数创建流程。
5. 选择自定义创建新建函数，根据页面提示配置相关选项。如下：
·函数类型：选择 “Web 函数”。
·函数名称：填写你自己的函数名称。
·地域：填写你的函数部署地域，默认为广州。
·运行环境：选择 “Nodejs 12.16”。
·部署方式：选择“代码部署”，上传你的本地项目。
·提交方法：选择“本地上传文件夹”。
·函数代码：选择函数代码在本地的具体文件夹。
6. 单击完成完成 Next.js 项目的部署。
七、开发管理
部署完成后，即可在 SCF 控制台快速访问并测试你的 Web 服务，并且体验云函数多项特色功能，例如层绑定、日志管理等，享受 Serverless 架构带来的低成本、弹性扩缩容等优势。