|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs-from-scratch/
课程评论：没有评论
## Next.js 从零开始：打造全栈房产租赁网站 本课程是一门基于项目的实战课程，旨在教授您如何在实际应用中使用 Next.js。我们将使用 Next.js 框架构建一个功能完善的房产租赁网站，用户可以浏览、搜索和管理房源信息。 **为何学习 Next.js？** Next.js 是 React 的未来。服务器端渲染 (SSR) 和静态网站正逐渐取代单页应用 (SPA)，而 Next.js 使您能够轻松构建这两者。掌握 Next.js 将为您在现代Web开发中带来巨大优势。 **项目亮点与功能：** 本房产租赁网站项目将涵盖以下核心功能： * **用户认证与授权：** 集成 Google 登录和 Next Auth 实现安全的身份验证和权限管理。 * **后端交互：** 利用 Server Actions 和数据库（MongoDB, Mongoose）进行数据持久化和操作。 * **路由保护：** 确保用户只能访问其授权的页面和内容。 * **用户个人资料：** 展示用户个人信息及发布的房源。 * **房源管理 (CRUD)：** 实现房源的创建、读取、更新和删除功能。 * **房源图片上传：** 支持多张图片上传，并集成 Cloudinary 进行图片处理和存储。 * **地图集成：** 使用 Mapbox Maps 展示房源地理位置。 * **搜索功能：** 提供房源搜索能力。 * **社交分享：** 实现房源分享到社交媒体的功能。 * **其他实用功能：** * PhotoSwipe 图片画廊 * Toast 通知 * 房源收藏/保存 * 内部消息系统（含未读通知） * Loading Spinners * 响应式设计 (Tailwind CSS) * 自定义 404 页面 **使用技术栈：** 本课程将使用以下主流技术栈： * **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 应用所需的所有技能。
This is a project based course that will teach you how to use Next.js in the real world. We use the Next.js framework to build a property rental website where users can browse, search and manage property listings. Next.js is the future of React. Server-side rendered websites and static websites are becoming the norm over single page applications and Next.js allows you to build both with ease. Learning Next will give you a huge advantage when it comes to modern web development.The project will have the following features:User authentication with Google & Next AuthUser authorizationServer Actions & Database InteractionRoute protectionUser profile with user listingsProperty Listing CRUDProperty image upload (Multiple)Cloudinary integrationProperty searchInternal messages with 'unread' notificationsPhotoswipe image galleryMapbox mapsToast notificationsProperty bookmarking / saved propertiesProperty sharing to social mediaLoading spinnersResponsive design (Tailwind)Custom 404 pageThis course will give you all of the skills that you need to start creating your own full stack Next.js applications.Here are some of the packages and technologies that we will be using:Next.js 14ReactTailwind CSSMongoDBMongooseNext AuthReact IconsPhotoswipeCloudinaryMapboxReact Map GLReact GeocodeReact SpinnersReact ToastifyReact Share
