部署 Nue 项目

Nue (opens in a new tab) 是一个强大的 React、Vue、Next.js、Vite 和 Astro 的替代品。

本文档将指导你如何在 Zeabur 上部署 Nue 项目。

步骤一：创建 Nue 项目

方法一：使用 `create-nue` 创建

Method 1: Bootstrap with `create-nue`

create-nue 仓库是开始使用 Nue JS 的最佳方式。

# clone the repository
git clone https://github.com/nuejs/create-nue.git
 
# cd to your newly created app
cd create-nue
 
# install dependencies
npm install
 
# Build demo site and start a HTTP server
npm run start
 
# Open the demo on the browser
open "http://localhost:8080"

上传到 GitHub

如果你想在 Zeabur 上部署你的 Nue 项目，你需要先将代码上传到 GitHub。

只需要在 GitHub 上创建一个新的仓库，然后将代码推送到仓库中即可，更详细的说明请参考 GitHub 文档 (opens in a new tab)。

方法二：使用 Zeabur 模板

我们为 Nue App 准备了一个模板 (opens in a new tab)，你可以点击 Use this template 按钮使用该模板。

Use this template

步骤二：部署 Nue 项目

点击 Deploy service，然后选择 Deploy your source code。

deploy

搜索你的 Nue App 仓库，点击导入，你的 Nue App 将自动开始部署。

下一步

当部署完成后，你可能需要为你的 Nue App 配置域名。

打开服务页面的 "Domain" 标签页，然后点击 "Generate Domain" 或 "Custom Domain"。

关于如何为你的服务绑定域名的更多信息，请参考绑定域名。

Domain Binding

Next.js Nuxt