【Udemy中英字幕】Next.js From Scratch 2024

Next.js 从头开始​​ 2024

使用 Next.js 14 和 MongoDB 构建真实项目

讲师：Brad Traversy

双语IT资源独家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 构建更强大的网站和应用程序的人