堪比vercel的自动化nuxt部署,是github+cloudflare+nuxthub的组合。
代码是托管到github上,web服务器是cloudflare提供,对照的就是vercel,项目对接管理的是nuxt出品的nuxthub。nuxthub通过安装本地的管理软件,对本地项目进行打包上传到github,再通过cloudflare提供的app_key管理权限,操作cloudflare进行部署工作,这个操作只需操作一次。之后每次只需要将更改的代码提交到github后,cloudflare会进行自动化的部署,应该是nuxthub在初次部署的时候,对cloudflare与github进行了hook钩子绑定了,就像vercel那样,github刚更新,vercel就会自动拉取github的更新版本,然后进行打包部署更新。
具体操作步骤如下:
1.建立空白nuxt项目,使用官方ui,代码:
Nuxt Starter template makes it easy to get started with Nuxt UI
npx nuxi@latest init -t ui
然后执行命令,并启动,测试项目建立是否成功。
pnpm install # 安装依赖包
pn