全部专栏
Next.js 全栈项目实践
使用 Next.js 搭建 SSR 全栈 demo ，以及构建 SSG 纯静态博客，记录学习和使用笔记
共 12 篇文章更新于 2026-08-04
- 01Clerk 服务使用笔记，结合 Next.js 和 Hono.js 使用Clerk 是一个 serverless 登录鉴权服务，支持大量第三方的 OAuth 登录，很方便就能搭建起登录体系，免费额度也较高。结合 Next.js 和 Hono.js 使用可很容易实现前后台全面的鉴权。2024-11-03
- 02Next.js 使用 Next Auth 管理登录权限Next Auth 最新版已集成到 Auth.js ，可以很方便地集成账号登录、第三方登录等 Web 身份验证功能。2024-07-09
- 03Next.js 数据获取与缓存尝试使用 fetch 方法以及直接查数据库数据，并使用缓存。2024-07-08
- 04Next.js 实现前后端同构，了解服务端组件、Server Actions 及定义 HTTP 接口通过服务端组件、Server Actions 及定义 HTTP 接口等特性，使得网页访问或操作服务端数据变得非常容易，前后端同构，直截了当地提升效率。2024-07-02
- 05Next.js 编写客户端组件，及导入 And Design 等第三方前端库编写用户交互组件，以及引用 And Design 等部分第三方前端组件，都需要写在客户端组件中。可在服务端组件中嵌套客户端组件结合使用。2024-07-02
- 06Next.js 搭建项目框架与导航，了解 App 路由定义、跳转、布局与特殊页面搭建项目，实现了基础框架和头部导航，记录其中涉及的路由定义、路由状态与跳转、布局、特殊页面、Metadata 文件等知识点。公共布局、导航、404页面等代码使用 Ant Design 作为示例。2024-07-02
- 07通过 Next.js 创建的默认文件学习 css 暗色主题实现直接使用脚手架创建 Next.js 项目，有些默认的样式效果，做了暗色主题的适配，正好是一个暗色主题实现的示范。2024-07-01
- 08Next.js 接入百度统计百度统计的使用很方便，统计数据维度多，也支持单页应用。在此记录博客 (Next.js) 接入百度统计的方式。2024-06-17
- 09博客升级到 Next.js 14 ，迁移到 app 路由，升级 SSG 模式对博客进行了 Next.js 14 升级，整个过程非常平滑，很小的改动就可以获取全部新特性。迁移到新的 app 目录，并对应升级 SSG 模式，使得代码更简洁。2024-06-10
- 10使用 Next.js 的 pages 路由 SSG 方案，接管博客渲染层，实现纯静态+单页应用+预渲染效果视图层从 PHP 升级到 Next.js，开发体验和站点性能都得到了较大提升。2022-08-14
- 11Next.js 缓存常见用法使用 unstable_cache + revalidateTag 组合实现 Next.js 服务端函数缓存，并了解 fetch 缓存和多个实例间共享缓存等。2026-02-16
- 12Next.js SSR 部署总结笔记最近将博客从 SSG 改成了 SSR ，基于原有的数据库和前台界面，通过 AI 编程完全重写写了后端接口和管理端界面，实现前后端同构、服务端渲染等。在此记录一些部署中遇到的问题，以及 PM2 + Nginx 的部署配置信息。2026-02-14