React · 快速搭建
用 Next.js 从零到上线个人网站——17 篇最短路径。
React 快速搭建总览
2026-03-18
17 篇带你用 Next.js 从 0 到上线个人网站。
为什么选 React
2026-03-19
主流 / 生态 / 招聘 / 个人站为何用 Next.js。
环境准备
2026-03-19
装 Node 22 + 编辑器 + 浏览器扩展。
起一个 Next.js 项目
2026-03-20
npx create-next-app 一句话脚手架。
JSX 基础
2026-03-20
JS 里写 HTML——React 的核心写法。
组件 + Props
2026-03-21
函数组件 / 传参 / 组合。
useState + 事件
2026-03-21
状态管理最基础 + onClick / onChange。
样式：Tailwind 集成
2026-03-22
实用类风格 + 安装配置。
App Router：基于文件的路由
2026-03-22
app/ 目录就是路由表。
Layout：共享布局
2026-03-23
layout.tsx 让所有页共享 nav / footer。
Server Component 取数据
2026-03-23
直接在组件里 async/await——零 useEffect。
Image + 静态资源
2026-03-24
next/image 自动优化 + public 目录。
MDX：把 Markdown 当组件用
2026-03-24
博客文章用 .mdx 写——也能嵌组件。
Server Actions：表单提交
2026-03-25
use server 让前端表单直连后端函数。
SEO：metadata API
2026-03-25
每页独立 title / description / OG。
部署到 Vercel（最快）
2026-03-26
推 git 就上线，零配置。
部署到自家 VPS（Nginx + PM2）
2026-03-26
CentOS + Nginx 跑生产 Next.js。