Next.js部署(Vercel)
Vercel 部署为什么选择 Vercel与 Next.js 同源Vercel 与 Next.js 由同一团队维护新版本特性、运行时行为与文档往往最先在 Vercel 上得到验证踩坑相对较少。边缘网络部署在全球边缘节点静态资源与部分动态能力可就近响应有利于降低首屏与 API 延迟具体能力随套餐与路由配置而异。HTTPS 与域名默认提供HTTPS自动证书并支持绑定自有域名也提供*.vercel.app子域名用于快速上线与测试。Git 工作流连接 Git 仓库后推送到主分支可自动构建与生产部署每个 Pull Request 可生成独立预览地址方便 Code Review 与联调。与 Next.js 能力对齐对 App Router、Server Actions、ISR、Middleware、Edge Runtime 等常见能力有较好支持控制台可管理环境变量、重定向与部分运行时设置。注意事项免费套餐流量限制: 每月 100GB其他付费套餐自行选择。注意事项2对国内网络不友好如果需要国内访问需要使用代理。部署流程打开vercel官网: Vercel登录账号(邮箱GoogleGithub等)安装依赖npmi vercel-g#全局安装打开我们的项目根目录执行以下命令vercellink#连接我们的项目5. 创建数据库配置环境变量在项目中执行以下命令vercelenvpull .env.development.local将你在 Vercel 云端控制台配置的「开发环境Development」环境变量一键同步下载到本地项目中执行完成后你可以在项目中看到.env.development.local文件并且可以看到你配置的环境变量。添加三个环境变量VERCEL_OIDC_TOKENvercel自带的不需要管PRISMA_DATABASE_URLpostgres://xxxxxx#三个写成一样的就行POSTGRES_URLpostgres://xxxxxx#三个写成一样的就行PRISMA_DATABASE_URLpostgres://xxxxxx#三个写成一样的就行接着把本地的.env文件里面的DATABASE_URL修改DATABASE_URLpostgres://xxxxxx#改成和上面一样的就行接着执行命令npx prisma migrate dev--nameinit npx prisma generate输出以下内容表示成功PS D:\project\next-auth-1npx prisma migrate dev--nameinit Loaded Prisma config from prisma.config.ts. Prisma schema loaded from prisma\schema.prisma. Datasourcedb:PostgreSQL databasepostgres, schemapublicatpooled.db.prisma.io:5432Applying migration20260512044029_initThe following migration(s)have been created and applied from new schema changes: prisma\migrations/ └─ 20260512044029_init/ └─ migration.sql Your database is nowinsyncwith your schema. PS D:\project\next-auth-1npx prisma generate Loaded Prisma config from prisma.config.ts. Prisma schema loaded from prisma\schema.prisma. ✔ Generated Prisma Client(7.8.0)to .\src\generated\prismain60ms PS D:\project\next-auth-1执行部署命令vercel deploy输出以下内容表示成功PS D:\project\next-auth-1vercel deploy Inspect: https://vercel.com/zXXXXXXXXX[3s]✅ Production: https://nexXXXXXXXXXXXX[41s] Aliased: https://next-auth-1-eta.vercel.app[41s] Deployed to production. Runvercel--prodto overwrite later(https://vercel.link/2F). To change the domain or build command, go to https://vercel.com/zXXXXXXX/settings PS D:\project\next-auth-1测试网址https://next-auth-1-psi.vercel.app/home大家可以访问测试一下。
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2612561.html
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!