Next.js: 用于生产的React框架

Next.js: El framework de React para producción

你将会学到的

  • 你将从零开始学习 Next-js
  • 了解如何使用 Next + TypeScript
  • 不同的渲染技术:SSR、SSG、CSR、ISR
  • API 和页面的 Next 中间件
  • 动态和静态路由
  • 下一步授权
  • 材质界面
  • Next UI 简介
  • 饼干
  • 使用 PayPal 和信用卡付款
  • 多平台部署

要求

  • React with Hooks 的基础知识是必要的
  • 不需要了解 TypeScript(但会很有用)
  • 不需要了解 Node(但会很有用)
  • 开始本课程无需了解 Next

说明

Next.js:用于生产的 React 框架(Next.js 版本 12+)

Next.js 为您提供出色的开发体验,包括生产所需的所有功能:混合静态和服务器端渲染、TypeScript 支持、智能捆绑、路由预加载等。

本课程适用于对 React 有基本了解并希望全面学习 Next.js并超越的人。

这些是我们将在这里看到的一些主题:

  1. 从零开始的 Next.js
  2. TypeScript + React + Next.js
  3. 将 Next.js 项目从 JavaScript 迁移到 TypeScript
  4. 不同的渲染策略
    1. SSR:服务器端渲染
    2. SSG:静态网站生成
    3. CSR:客户端渲染
    4. ISR:增量静态再生
  5. 动态路线和路段
  6. Next.js 宁静的 API
  7. 自定义认证
  8. 多平台部署
  9. 优化 docker 镜像生成
  10. 使用 JWT 进行自定义身份验证
  11. 数据库
  12. 下一步认证
  13. 身份验证提供商
  14. 拖放和反应
  15. 增删改查
  16. Material UI 和 Next UI
  17. 自动重新部署
  18. 使用 PayPal 和信用卡付款
  19. 响应式设计
  20. 物品销售网站:
    1. 搜索
    2. 饼干
    3. ISR + SSR + SSG + CSR 根据需要优化响应时间
    4. 用户管理
    5. 管理仪表板
    6. 图片上传
    7. 付款验证
  21. 反应挂钩形式
  22. 饼干
  23. Next.js 中间件(Next.js 12 中的新功能)
    1. 用于身份验证
    2. 路由保护
    3. 重定向
    4. 答案
    5. 对于 API 和页面请求
  24. 以及更多

本课程旨在通过许多任务和练习以完整的方式教您 Next.js。该课程 95% 是 TypeScript,但它有自己的参考资料来加强这部分,这是可选的。课程可以用 JavaScript 完成,但我建议你给 TypeScript 一个机会。

本课程中创建了几个练习:

  1. Next 简介:处理 Next,js 通用性的小练习
  2. PokemonApp:用于管理 ISR 和 SSG 的小型应用程序
  3. OpenJira:任务管理和 SSR 的中间应用程序
  4. CookieMaster:学习Cookie管理的小应用
  5. TesloShop:用于管理和销售产品的完整且相当大的应用程序

在课程结束时,您不仅会学习 Next.js,还会开发一个具有收藏、维护、加载、SEO 优化功能的电子商店,部署它并将其放入您的项目组合中。

这是一门完全专注于 Next.js 的庞大课程,旨在让您更好地准备成为一名 React 开发人员。

此课程面向哪些人:

  • 反应程序员
  • 想做服务端渲染的开发者
  • 想要创建自己的虚拟商店的人
  • 想要在他们的应用程序中实现新的 Next 功能的人
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。