本教程涵盖了 Next JS 13 的新特性，包括 App Router、路由和布局、嵌套布局以及 SSR 和数据获取的更改。该视频还教授（提供辅助资源，请查看下方链接 ⬇️⬇️⬇️）如何创建动画和响应式样式，并构建一个具有搜索功能、响应式卡片和移动菜单的 Airbnb 克隆项目。代码可在 Github 上找到，每个章节都有单独的分支。作为本教程的成果，我们构建了一个 Airbnb 克隆前端项目，浏览了文件结构，安装了所需的包并设置了状态管理存储。我们还实现了移动端响应式、数据获取和添加动画等任务。 ✉️订阅我的新闻邮件：http://eepurl.com/h4X959 👾加入我的 Discord：https://discord.gg/VGTVNvwReW ✍️全栈路线图：https://webdecoded.gumroad.com/l/full-stack 🌐GitHub URL：https://github.com/judygab/airbnb-clone/tree/1.1-header-routing 🔥Firebase：CRUD - https://www.youtube.com/watch?v=fz3w2m4F_K8 身份验证 - https://www.youtube.com/watch?v=Vv_Oi7zPPTw ⚛️更多关于 React：构建作品集网站 - https://youtu.be/hYv6BM2fWd8 MERN 堆栈项目：食品订购应用 - https://youtu.be/x4dIga_3S4I ☕支持频道：buymeacoff.ee/webdecoded5 📁项目资源（免费）：listingsData.json - https://gist.github.com/judygab/f34636c6195db777bcf2080287bfda01 🧑🚀网站 AI 聊天机器人：https://letsask.ai/ 项目时间戳及其分支名称。（提示：完成章节后，查看该章节的分支以确保您没有遗漏任何内容） 00:00:00 - 项目设置、页眉和路由 - 1.1-header-routing 00:58:49 - 信息卡片 - 1.2-info-cards 1:21:41 - Zustand 存储 - 1.3-store-set-up 1:34:55 - 创建模态框 - 1.4-header-modal 1:40:23- 搜索结果页面和功能 - 1.5-search-results-page 2:11:14 - 移动菜单 - 1.6-mobile-menu 免责声明：本视频仅用于练习构建 Web 应用程序，我与 Airbnb 无关。