在线浏览项目: https://github.com/Wwwmmxxx/nextjs-doc-cn-web
Tips: 未迁移完成
Order | Title | 简述 | 已完成 |
---|---|---|---|
1 | Getting Started | 起步 | [√] |
1.1 | Installation | 安装 | [√] |
1.2 | Project Structure | 项目结构 | [√] |
2 | Building Your Application | 构建你的应用 | [√] |
2.1 | Routing | 路由 | [√] |
2.1.1 | Defining Routes | 路由 | [√] |
2.1.2 | Pages and Layouts | 页面和布局 | [√] |
2.1.3 | Linking and Navigating | 链接和导航 | [√] |
2.1.4 | Route Groups | 路由组 | [√] |
2.1.5 | Dynamic Routes | 动态路由 | [√] |
2.1.6 | Loading UI and Streaming | 加载时状态和流传输 | [√] |
2.1.7 | Error Handling | 错误处理 | [√] |
2.1.8 | Parallel Routes | 并行路由 | [√] |
2.1.9 | Intercepting Routes | 拦截路由 | [√] |
2.1.10 | Route Handlers | 路由处理器 | [√] |
2.1.11 | Middleware | 中间件 | [√] |
2.1.12 | Project Organization | 项目组织结构 | [√] |
2.1.13 | Internationalization | 国际化 | [√] |
2.2 | Data Fetching | 数据获取 | [√] |
2.2.1 | Fetching, Caching and Revalidating | 获取, 缓存与重新验证 | [√] |
2.2.2 | Data Fetching Patterns | 数据获取模板 | [√] |
2.2.3 | Forms and Mutations | 表单与数据变更 | [√] |
2.3 | Rendering | 渲染 | [√] |
2.3.1 | Server Components | 服务端组件 | [√] |
2.3.2 | Client Components | 客户端组件 | [√] |
2.3.3 | Composition Patterns | 混合模式 | [√] |
2.3.4 | Edge and Node.js Runtimes | Edge 和 Node.js 运行时 | [√] |
2.4 | Caching | 缓存 | [√] |
2.5 | Styling | 样式 | [√] |
2.5.1 | CSS Modules | 模块化 CSS | [√] |
2.5.2 | Tailwind CSS | Tailwind CSS | [√] |
2.5.3 | CSS-in-JS | Javascript CSS | [√] |
2.5.4 | Sass | Sass | [√] |
2.6 | Optimizing | 优化 | [√] |
2.6.1 | Images | 图片 | [√] |
2.6.2 | Fonts | 字体 | [√] |
2.6.3 | Scripts | 脚本 | [√] |
2.6.4 | Metadata | 元数据 | [√] |
2.6.5 | Static Assets | 静态资源 | [√] |
2.6.6 | Lazy Loading | 懒加载 | [√] |
2.6.7 | Analytics | 数据分析 | [√] |
2.6.8 | OpenTelemetry | OpenTelemetry | [√] |
2.6.9 | Instrumentation | Instrumentation | [√] |
2.6.10 | Third Party Libraries | 第三方库 | [√] |
2.7 | Configuring | 配置 | [] |
2.7.1 | TypeScript | Typescript | [] |
2.7.2 | ESLint | ESLint | [] |
2.7.3 | Environment Variables | 环境变量 | [] |
2.7.4 | Absolute Imports and Module Path Aliases | 绝对路径导入和模块路径别名 | [] |
2.7.5 | MDX | MDX | [] |
2.7.6 | src Directory | src 目录 | [] |
2.7.7 | Draft Mode | 草稿模式 | [] |
2.7.8 | Content Security Policy | 内容安全策略 | [] |
2.8 | Deploying | 部署 | [√] |
2.8.1 | Static Exports | 静态导出 | [] |
2.9 | Upgrading | 升级 | [] |
2.9.1 | Codemods | Codemods | [] |
2.9.2 | App Router Migration | App 路由迁移 | [] |
2.9.3 | Migrating from Vite | 从 Vite 迁移 | [] |
我是一个前端新手, 正在学习并使用 Next.js13. 国内貌似没有 Next.js13 的中文文档, 只能通过官方的英文文档学习.
我参照官方文档(https://nextjs.org/docs) 左侧的 NavBar 构建了当前项目的目录结构.
计划翻译仅包含 App Router 部分, Page Router 感觉和 NextJs12 差不多, 可以查看国内 Next.js 网站.
翻译的可能不是很到位, 大家可以交 Issue 或者 PR
2023-11-18: 官网好像已经是 Next.js14 了, 改了一下项目名称, 暂时先不打算确认 2.2 以前的是否有问题.