创建Next.js项目

本案例以Next.js框架的默认demo为例演示部署过程，需要在Linux环境中创建一个全新的Next.js项目，本案例采用本地运行Docker node:18.15.0镜像的方式，同样适用于其他Linux系统。关于Docker镜像和Linux操作系统的使用并非本案例主要内容，不做过多赘述。

1. 启动Docker容器并进入code目录（原生Linux系统忽略）。

   docker run -it --network=host -v D:/code/nextjs/:/code node:18.15.0 bash
   cd code

2. 在控制台执行以下命令来创建一个Next.js框架demo工程：

   npx create-next-app@13.5.6 

3. 回车后等待出现该提示词“√ What is your project named? ...”后输入项目名称，如：nextjs-app。
4. 后续提示可以保持默认，或根据您的实际业务情况修改即可。
5. 等待项目创建完成。
   图1 项目创建成功
   
6. 进入项目目录。

   cd nextjs-app

   

   官方默认Demo代码需要修改项目中layout.tsx（该文件在nextjs-app下的app目录）文件的代码，不然会导致无法下载字体文件的错误，参见图2并删除红框标出的内容。

   图2 删除相关代码
   
7. 构建项目。

   npm run build

   图3 构建项目
   
8. 构建完成后目录内容如下：
   图4 项目构建成功后目录内容
   
9. 创建启动脚本。
   创建名为“bootstrap”的启动脚本，并修改bootstrap文件内容如下：

   export PATH=/opt/function/runtime/nodejs18.15/rtsp/nodejs/bin:$PATH && export npm_config_cache=/tmp/cache && cd /opt/function/code/ && PORT=8000 npm start

10. 打包函数代码。

    将目录中的“.next”、“public”、“package.json”和“bootstrap”打包成zip压缩包，本案例命名为“nextjs-func-code.zip”作为函数代码备用。