Next.js 从头开始 2024
使用 Next.js 14 和 MongoDB 构建真实项目
讲师:Brad Traversy
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将学到什么
- 学习 Next JS 14 的基础知识
- 从头开始构建一个真实世界的房地产租赁网站
- 基于文件的路由、React 服务器组件、数据获取、API 路由+
- Next Auth 和 Google 身份验证和授权提供商
- 在 API 路由中使用 MongoDB 和 Mongoose
- 内部消息、书签、搜索、图像灯箱、分页+
- 实施 Cloudinary 进行图像存储和优化
要求
- 您应该具备 JavaScript 和 React 的基本知识
描述
这是一个基于项目的课程,将教您如何在现实世界中使用 Next.js。我们使用 Next 14 中的所有最新功能来构建一个房产租赁网站,用户可以在其中浏览、搜索和管理房产列表。
Next.js 是 React 的未来。服务器端渲染的网站和静态网站正在成为单页应用程序的常态,Next.js 允许您轻松构建这两种网站。学习下一步将为您在现代 Web 开发方面带来巨大的优势。
该项目将具有以下特点:
- 使用 Google 和 Next Auth 进行用户身份验证
- 用户授权
- RESTful API 路由
- 路由保护
- 带有用户列表的用户个人资料
- 房产列表增删改查
- 楼盘图片上传(多张)
- 云端整合
- 房产搜索
- 带有“未读”通知的内部消息
- Photoswipe 图片库
- Mapbox 地图
- Toast 通知
- 属性书签/保存的属性
- 财产分享到社交媒体
- 加载旋转器
- 响应式设计(Tailwind)
- 自定义 404 页面
本课程将为您提供开始使用 API 路由创建自己的全栈 Next.js 应用程序所需的所有技能。
以下是我们将使用的一些软件包和技术:
- Next.js 14
- 反应
- 顺风 CSS
- MongoDB
- 猫鼬
- 下次验证
- 反应图标
- 照片滑动
- 云数
- 地图盒
- 反应图 GL
- 反应地理编码
- 反应旋转器
- 反应烘烤
- 反应分享
本课程适合谁:
- 了解 React 并希望开始使用 Next JS 构建更强大的网站和应用程序的人
声明:口袋资源网(koudaizy.com)提供的所有课程、素材等资源全部来源于互联网,赞助VIP仅用于对口袋资源服务器带宽及网站运营等费用支出做支持,从本站下载资源,说明你已同意本条款。