使用 Next.js 13 App Router 的全栈 Airbnb 克隆:React、Tailwind、Prisma、MongoDB、NextAuth

作者: _优雅先森分类: 计算机技术 发布时间: 2023-04-04 01:45:58 浏览:5903 次

使用 Next.js 13 App Router 的全栈 Airbnb 克隆:React、Tailwind、Prisma、MongoDB、NextAuth

_优雅先森:
时间戳 00:00介绍 02:21环境设置 09:30 Navbar UI 34:30 Auth UI 01:35:20注册功能、MongoDB、Prisma 设置 02:09:27登录功能 02:28:04社交登录(Google 和 Github) 02:44:36类别 UI 03:11:34列表创建步骤 1(类别选择) 03:37:43列表创建步骤 2(位置选择、地图组件、国家/地区自动完成) 04:06:40列表创建步骤 3(计数器)组件) 04:17:10列表创建步骤 4(图片上传,Cloudinary CDN) 04:32:35列表创建步骤 5(描述和价格,列表创建 POST 路由) 04:49:00使用服务器组件获取列表(列表卡组件,直接服务器操作) 05:23:12收藏功能 05:39:27个人列表视图 06:16:57列出预订组件 06:42:33预订功能(路线、逻辑) 06:55:05行程屏幕(使用服务器组件加载行程) 07:10:59预订屏幕(使用服务器组件加载客人预订) 07:33:13收藏夹屏幕(使用服务器组件加载收藏夹) 07:42:35属性屏幕(使用服务器组件加载您的列表) 07:53:39过滤器模式(分配各种过滤器,向 getListings 添加高级查询逻辑,添加加载和错误页面) 08:37:48 Vercel 部署和总结

GodblessQueen:
UP有空能不能搬搬这个youtuber下另外几个项目[给心心]

欧非共和国阴阳师:
nextjs和nextauth一起使用,后端一般选什么技术栈比较好?

【回复】会什么用什么,哪个用的舒服用哪个

IT 程序员 NEXT.js 前端 JS react web前端 MongoDB next.js TailwindCSS

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!