agentmentoragentmentor

Sources

S1 — Next.js Installation

URL: https://nextjs.org/docs/app/getting-started/installation

  • 权威: 官方文档
  • 支撑: 创建 Next.js 项目、系统要求、开发服务器起步。
  • 关键事实摘录: Next.js 安装文档说明了创建新应用、运行开发服务器、以及 Node.js 等系统要求。

S2 — Next.js Project Structure

URL: https://nextjs.org/docs/app/getting-started/project-structure

  • 权威: 官方文档
  • 支撑: app/、public/ 等目录职责。
  • 关键事实摘录: Project Structure 文档解释了应用代码、路由目录、公共资源等常见项目目录。

S3 — Next.js Layouts and Pages

URL: https://nextjs.org/docs/app/getting-started/layouts-and-pages

  • 权威: 官方文档
  • 支撑: page.tsx、layout.tsx、路由段、加载文件的基础。
  • 关键事实摘录: App Router 用文件系统约定定义页面和布局,页面文件让路由可访问,布局包住页面内容。

S4 — Next.js Linking and Navigating

URL: https://nextjs.org/docs/app/getting-started/linking-and-navigating

  • 权威: 官方文档
  • 支撑: 使用 next/link 做站内导航。
  • 关键事实摘录: Next.js 提供 Link 组件处理客户端导航、预取和路由体验。

S5 — Next.js Server and Client Components

URL: https://nextjs.org/docs/app/getting-started/server-and-client-components

  • 权威: 官方文档
  • 支撑: Server Component、Client Component、"use client" 边界。
  • 关键事实摘录: 文档说明何时使用服务器组件,何时因为交互、状态、浏览器 API 需要客户端组件。

S6 — Next.js Fetching Data

URL: https://nextjs.org/docs/app/getting-started/fetching-data

  • 权威: 官方文档
  • 支撑: 在 Server Component 中用 fetch 获取数据。
  • 关键事实摘录: 数据获取文档展示了在异步组件里请求数据并渲染结果的基本模式。

S7 — Next.js CSS

URL: https://nextjs.org/docs/app/getting-started/css

  • 权威: 官方文档
  • 支撑: 全局 CSS、CSS Modules 的使用边界。
  • 关键事实摘录: Next.js 支持全局样式、CSS Modules 等方式,CSS Modules 可把样式限定在组件附近。

S8 — Next.js Image Component

URL: https://nextjs.org/docs/app/api-reference/components/image

  • 权威: 官方文档
  • 支撑: next/image、src、alt、尺寸等图片基础。
  • 关键事实摘录: Image 组件文档说明图片优化组件的属性和使用要求。

S9 — Next.js CLI

URL: https://nextjs.org/docs/app/api-reference/cli/next

  • 权威: 官方文档
  • 支撑: next dev、next build、next start 的职责区分。
  • 关键事实摘录: CLI 文档列出开发、构建、启动等命令,其中 next build 用于生产构建。

S10 — Next.js Route Handlers

URL: https://nextjs.org/docs/app/api-reference/file-conventions/route

  • 权威: 官方文档
  • 支撑: route.ts、HTTP 方法函数、JSON 端点。
  • 关键事实摘录: Route Handler 文档说明 route 文件可以处理 HTTP 请求方法并返回响应。

S11 — React: Your First Component

URL: https://react.dev/learn/your-first-component

  • 权威: 官方文档
  • 支撑: 组件是返回 UI 的 JavaScript 函数,组件名大写。
  • 关键事实摘录: React 文档用函数组件说明如何定义和复用 UI 片段。

S12 — React: Writing Markup with JSX

URL: https://react.dev/learn/writing-markup-with-jsx

  • 权威: 官方文档
  • 支撑: JSX 规则、闭合标签、className、表达式。
  • 关键事实摘录: JSX 文档解释了 JSX 与 HTML 的相似和差异,包括标签闭合和属性写法。

S13 — React: Passing Props to a Component

URL: https://react.dev/learn/passing-props-to-a-component

  • 权威: 官方文档
  • 支撑: props 是传给组件的信息。
  • 关键事实摘录: Props 文档说明父组件可以通过 props 给子组件传入数据。

S14 — React: Rendering Lists

URL: https://react.dev/learn/rendering-lists

  • 权威: 官方文档
  • 支撑: 用 map 渲染列表、列表项需要 key。
  • 关键事实摘录: React 列表文档说明如何从数组生成组件列表,并解释 key 的作用。

S15 — React: Responding to Events

URL: https://react.dev/learn/responding-to-events

  • 权威: 官方文档
  • 支撑: 事件处理器、点击交互。
  • 关键事实摘录: React 事件文档说明如何把事件处理函数传给 JSX 元素。

S16 — React: State: A Component's Memory

URL: https://react.dev/learn/state-a-components-memory

  • 权威: 官方文档
  • 支撑: useState、组件状态、重新渲染。
  • 关键事实摘录: State 文档把状态解释为组件记忆,并介绍 useState 的基本用法。

S17 — MDN: Arrow Function Expressions

URL: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

  • 权威: 官方文档
  • 支撑: 箭头函数用于 map、事件处理等简短函数。
  • 关键事实摘录: MDN 说明箭头函数表达式是 JavaScript 的函数写法之一。

S18 — MDN: Array.prototype.map

URL: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

  • 权威: 官方文档
  • 支撑: map 从数组生成新数组。
  • 关键事实摘录: map 会对数组每一项调用函数,返回由结果组成的新数组。

S19 — MDN: Working with Objects

URL: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_objects

  • 权威: 官方文档
  • 支撑: JavaScript 对象作为属性集合。
  • 关键事实摘录: MDN 指南说明对象由属性组成,属性可存放值和函数。

S20 — MDN: JavaScript Modules

URL: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules

  • 权威: 官方文档
  • 支撑: import / export 的模块概念。
  • 关键事实摘录: 模块指南说明 JavaScript 模块可以导入和导出功能,组织代码边界。

S21 — MDN: async function

URL: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function

  • 权威: 官方文档
  • 支撑: async 函数、await 的基础。
  • 关键事实摘录: MDN 说明 async function 声明创建异步函数,通常与 await 一起使用。

S22 — MDN: Using the Fetch API

URL: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

  • 权威: 官方文档
  • 支撑: fetch 请求、响应、JSON 解析。
  • 关键事实摘录: Fetch 指南解释如何发起请求、处理 Response 并读取响应体。