Next.js 是一个用于构建全栈 Web 应用程序的 React 框架。您可以使用 React Components 构建用户界面，并使用 Next.js 实现附加功能和优化。

该模板示例通过 create-next-app 创建，启动成功后将展示欢迎页。

预装环境： node v18.13.0 typescript create-react-app pnpm yarn node-gyp git 等。

注：npm & yarn默认配置了腾讯云仓库。

使用如下命令，快速运行一个 next.js 程序：

// 安装依赖包
yarn install
// 运行示例程序
yarn dev 

输出结果：

workspace/
├── next.config.js  // next配置文件 
├── package.json    // 依赖声明
├── pages
│   ├── api         // 请求接口目录
│   │   └── hello.js
│   ├── _app.js    
│   └── index.js    // 初始页面
├── public          // 公共静态资源目录
│   ├── favicon.ico
│   └── vercel.svg
├── README.md      // 项目的说明文件
├── img            // readme图片目录
└── styles         // 样式目录    
    ├── globals.css
    └── Home.module.css

Introduction | Next.js

React 中文文档

next.js/packages/create-next-app at canary · vercel/next.js · GitHub

npm官网

yarn官网

Cloud Studio（云端 IDE） 常见问题-文档中心-腾讯云

Cloud Studio 轻量版 帮助文档

Cloud Studio（云端 IDE） | Cloud Studio

当您遇到问题需要处理时，您可以直接通过到扫码进入Cloud Studio用户群进行提问.

• 腾讯云工程师实时群内答疑

• 扫码入群可先享受产品上新功能

• 更多精彩活动群内优享