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并构建真实世界项目的开发者
  • 对全栈开发感兴趣的学习者

B站免费课程

更多 web 教程

发表回复

后才能评论

尊敬的用户,您好!由于部分培训机构和留学生的举报,近期导致网站大量链接暂时失效。对此给您带来的不便,我们深表歉意。任何链接失效的资源,欢迎您添加侧边栏二维码随时反馈,我们将在48小时内为您提供新的网盘链接。如果您对此不便感到不满,您也可在48小时内申请无理由退款。感谢您的理解与支持!

Windows播放器推荐:Potplayer Potplayer 是免费的 Windows 播放器,支持双字幕和自动翻译功能。以下是操作指南: 挂载字幕 加载中文字幕:右击选择 字幕 -> 字幕设置,取消“只匹配文件名字幕”选项。可调整字幕颜色、位置和大小。 双字幕设置:右击 字幕 -> 选择字幕 -> 次字幕输出,设置主字幕和次字幕。 自动翻译 若可访问 Google 翻译服务,选择 字幕 -> 实时字幕翻译,勾选 总是使用 和 Google Translate,即可实时翻译英文字幕。 Potplayer 让观看更智能,学习体验升级。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可联络站长解决。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源