nextjs roadmap

在下面，您会找到一个全面的路线图，展示了成为熟练的下一步的旅程。JS产品工程师于2023年。最初是为Blazity的团队成员设计的，我们很高兴能与社区与社区分享此路线图，以帮助有抱负和经验丰富的开发人员。

留在循环中！给星星看？ GitHub存储库已通知有关新鲜内容和更新的通知。

如果您想聘请Next.js专家，请给我们发送信息[email protected]。

产品工程师是什么意思？

产品工程师强调整个用户体验，融合前端，后端和设计。与“ Fullstack”开发人员不同，他们对技术有广泛而不是深度的掌握，将它们应用于制作无缝产品。他们优先考虑快速部署和用户反馈。在工程范围内，他们专注于以用户为中心的功能。该行业正在从“ Fullstack Engineer”标题过渡到“产品工程师”，而不仅仅是编码更广泛的作用。

免责声明

该路线图的目的是让您了解景观。如果您对接下来要学习的知识感到困惑，而不是鼓励您选择时髦和时尚的东西，则路线图将指导您。您应该对为什么一种工具比另一种工具更适合某些工具，并记住髋关节和时尚并不总是最适合这份工作的情况

路线图

资源

1. 基本面：

   1. 反应
   2. 打字稿
      1. TS -RESET- A css重置用于打字稿，改进常见JavaScript API的类型
   3. next.js （类似框架：氢，盖茨比，混音）

2. 渲染技术：

   1. 流
   2. SSG （静态站点生成）
   3. SPR （无服务器预渲染）
   4. ISR （增量静态再生）
      1. 固定的
      2. 一经请求
   5. CSR （客户端渲染）
   6. SSR （服务器端渲染）
   7. 预览模式

3. 样式和UI：

   1. 预处理器：
      1. Sass
      2. Postcss
      3. 较少的
   2. JS中的CSS：
      1. 情感
      2. 样式的组件
      3. 样式系统
      4. 香草提取物
      5. Linaria
      6. CSS模块
      7. parwindcss
   3. 组件库：
      1. radix-ui
      2. Antd
      3. Nextui
      4. Ariakit
      5. 反应光谱
      6. Mui
      7. daisyui
      8. 脉轮
      9. 氟
      10. 壁炉
      11. Headlessui

4. 路由器：

   1. 应用路由器
      1. 服务器组件
      2. 客户端组件
      3. 布局
   2. 页面路由器

5. 表现

   1. 水合
      1. 进行性水合
      2. 选择性水合
      3. 重复性
   2. 下一个/图像
   3. NEXT/脚本
   4. 下一个/字体
   5. 捆骨
   6. Partytown

6. 部署

   1. 托管
      1. 动词
      2. GCP
      3. AWS
      4. Netlify
      5. azure
      6. Cloudflare
      7. 铁路
      8. 使成为
      9. fly.io
      10. 数字海洋
   2. CDN
      1. Cloudflare
      2. Cloudfront
      3. keycdn
      4. Azurecdn
      5. CloudCdn
      6. 迅速
      7. akamai
   3. 多机
   4. IAC
      1. sst.dev
      2. 脉冲
      3. Terraform

7. 国家管理

   1. Zustand
   2. 上下文API
   3. Jotai
   4. Redux工具包
   5. 畏缩
   6. XSTATE
   7. mobx

8. 捆绑者

   1. webpack
   2. Turbopack

9. 测试

   1. E2E
      1. 剧作家
      2. 柏
      3. testcafe
   2. 单元
      1. 笑话
      2. vitest
   3. 一体化
      1. React测试库
   4. 视觉的
      1. 故事书
      2. Docz
      3. React Styleguidist
      4. 反应宇宙

10. API通信

    1. 休息
       1. tanstack查询（也可以与GraphQl一起使用）
       2. SWR（也可以与GraphQl一起使用）
    2. GraphQl
       1. 阿波罗
       2. 中继
       3. URQL
       4. GraphQl-Request
    3. 网络插座
       1. socket.io
       2. 很合理
       3. 凸
       4. 推动器
       5. PubNub
       6. Firebase实时数据库
       7. supabase
    4. API路线 /路线处理程序
    5. grpc
    6. trpc

11. i18n

    1. 下一个翻译
    2. 通明
    3. i18next
    4. 反应

12. 建筑学

    1. 模块化的
    2. 特征设计
    3. monorepo
       1. Turborepo
       2. nx
       3. 勒纳
    4. 整体

13. SEO

    1. 下一步
    2. @vercel/og

14. auth

    1. Nextauth
    2. 生气
    3. 护照

15. 可观察性

    1. Opentelemetry
    2. Datadog
    3. 新遗物
    4. 哨兵

？包起来

觉得路线图的任何部分都有增强空间吗？请考虑通过您的建议开设公关或通过问题来标记任何问题。我们致力于持续改进，因此您可能需要观看/星库以获取以后的更新。

？贡献

总是欢迎捐款！为了做出贡献，请按照以下步骤：

1. 分叉存储库。
2. 创建一个具有描述名称的新分支。
3. 进行更改，并提交它们。
4. 将更改推向分叉的存储库。
5. 创建拉动请求，我们将回顾您的更改。

？社区

如果您正在寻求帮助或只是想分享您对该项目的想法，我们鼓励您加入我们的Discord社区。这是链接：https：//blazity.com/discord。这是我们交流想法并互相帮助的空间。每个人的意见都受到赞赏，我们期待欢迎您。