内容 隐藏
1 Next.js 从头开始​​ 2024
2 Next.js From Scratch 2024
2.1 你将学到什么
2.2 要求
2.3 描述
2.4 本课程适合谁：

Next.js 从头开始​​ 2024

Next.js From Scratch 2024

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

你将学到什么

  • 学习 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 构建更强大的网站和应用程序的人
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。