Next.js From Scratch
使用Next.js和MongoDB构建一个真实世界的项目
学习内容:
- 学习Next.js的基础知识
- 从零开始构建一个真实的房产租赁网站
- 掌握文件路由、React服务器组件、数据获取、API路由等
- 使用Next Auth和Google提供程序进行身份验证和授权
- 在服务器操作中使用MongoDB和Mongoose
- 实现内部消息、书签、搜索、图片灯箱、分页等功能
- 集成Cloudinary进行图片存储和优化
本课程包括
- 10小时的点播视频
- 18个可下载资源
- 可在移动设备和电视上访问
- 结业证书
价格:$59.99
教程评分:4.8分(满分5分),基于1,023条评价
教程语言:英语
教程字幕:中英文字幕
课程要求:
- 需具备JavaScript和React的基础知识
课程描述:
这是一门基于项目的课程,将教你如何在真实世界中使用Next.js。我们将使用Next.js框架构建一个房产租赁网站,用户可以浏览、搜索和管理房产列表。
Next.js是React的未来。服务器端渲染网站和静态网站正在逐渐取代单页应用,而Next.js让你能够轻松构建这两种类型的网站。学习Next.js将为你在现代Web开发中带来巨大优势。
项目将包含以下功能:
- 使用Google和Next Auth进行用户身份验证
- 用户授权
- 服务器操作与数据库交互
- 路由保护
- 用户个人资料及用户列表
- 房产列表的CRUD操作
- 房产图片上传(支持多张图片)
- Cloudinary集成
- 房产搜索
- 内部消息系统及“未读”通知
- Photoswipe图片库
- Mapbox地图
- Toast通知
- 房产书签/收藏功能
- 房产分享至社交媒体
- 加载动画
- 响应式设计(Tailwind)
- 自定义404页面
本课程将为你提供创建自己的全栈Next.js应用所需的所有技能。
我们将使用以下技术和工具包:
- Next.js 14
- React
- Tailwind CSS
- MongoDB
- Mongoose
- Next Auth
- React Icons
- Photoswipe
- Cloudinary
- Mapbox
- React Map GL
- React Geocode
- React Spinners
- React Toastify
- React Share
适合人群:
- 希望掌握Next.js并构建真实世界项目的开发者
- 对全栈开发感兴趣的学习者
声明:本站所有文章,如无特殊说明或标注,均为本站发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。