- nuxt3 Nuxt3 is a framework for building Vue.js applications.
- nuxt-ui Nuxt UI is a collection of UI components for Nuxt.js applications.
- unocss Unocss is a utility-first CSS framework that provides a powerful and flexible way to build custom styles for your web applications.
- logto Logto is an open-source identity and access management (IAM) solution that helps you build modern web and mobile applications with ease.
- supabase Supabase is an open source real-time database and backend built on PostgreSQL.
- nsetjs Nest (NestJS) is a framework for building efficient, scalable Node.js server-side applications.
- 使用前端最新技术栈开发
- 使用 nestjs 作为后端框架
- 极快响应、便于开发部署
- 支持多种部署方式,优先推荐 Vercel
- 支持暗黑模式
-
添加 .env 配置文件
- client env 配置
# logto 配置 NUXT_LOGTO_ENDPOINT= NUXT_LOGTO_APP_ID= BACKEND_ENDPOINT= LOGTO_SIGN_IN_REDIRECT_URI = LOGTO_SIGN_OUT_REDIRECT_URI = # supabase 配置 SUPABASE_URL= SUPABASE_KEY= SUPABASE_JWT_SECRET= API_BASE= # project config PROJECT_NAME= Dream-hub
- api env 配置
# supabase 配置 SUPABASE_URL= SUPABASE_KEY= SUPABASE_JWT_SECRET= # redis 配置 REDIS_URL= # server 配置 PORT=8081 # logto 配置 LOGTO_ENDPOINT= LOGTO_APP_ID= BACKEND_ENDPOINT=
-
安装依赖
npm install
-
启动项目
pnpm dev
- node 版本需要 20 以上
Fork
本项目,在Vercel
官网点击New Project
- 点击
Import Git Repository
并选择你 fork 的此项目并点击import
PROJECT NAME
自己填,FRAMEWORK PRESET
选Other
然后直接点Deploy
接着等部署完成即可
// 全局安装 vercel
npm i -g vercel
// 登录
vercel login
// 项目推送
vercel
// 挂载生产
vercel --prod
具体教程可参考文章:如何使用 Vercel 托管静态网站