Next.js 开发指北

本篇我们讲解 Next.js 项目所涉及到的 CSR、SSR、SSG、ISR、RSC、SPA、Streaming、Navigation等名词概念，帮助大家正确理解 Next.js。我们先从大家最熟悉的

使用 next-safe-action不仅可以定义类型安全的 Server Actions 还可以处理输入校验、错误处理等，让代码更加规范整洁。根据官方的介绍，它具有的特性如下：

Server Actions 算是 Next.js 项目高频使用的功能了，其中很麻烦但又很重要的一项内容就是错误处理。本篇我们来聊聊 Next.js Server Actions 中如何进行一个完备的

我们将讨论 “如何将状态保持在 URL 中？”，而非使用 React 传统的 useState。 这样做的好处就在于用户分享 URL 或者刷新网页的时候不会丢失状态。当然实际场景远不止这些，

Framer Motion 是 React 领域常用的动画库，目前 GitHub 22k Stars，Npm 周下载量 300W，算是 React 领域做动画主流的技术选型。Next.js 项目

本篇我们使用 Next.js + TypeScript + Tailwind CSS + Shadcn UI + React Hook Form + Zod + Server Actions + us

目前 Tailwind CSS 在 GitHub 有 80k Stars、Npm 周下载量 733W，已经成为前端主流的 CSS 框架。 而 Next.js 脚手架默认集成 Tailwind C

2024 年 4 月 25 日，React 发布了 React 19 RC，其中介绍了新 hook —— `useActionState`。说是新 hook，其实就是 Canary 版的

Authentication 所涉及的概念众多、技术方案众多，细节众多，导致不少同学对 Authentication 感到不明觉厉，甚至有些“犯怵”。本篇我们将通过一个极简的

日常浏览一些视频网站的时候，觉得内容不错，想要下载下来收藏，但一查视频格式，发现是 m3u8。这种格式是什么？为什么要使用这种格式呢？我们又该如何下载 m3u8 格式的视频呢？ 本篇我们借着下载

首先我们花 10 分钟使用 Next.js 快速部署一个 ChatGPT 聊天网站，效果如下： 不过巧妇难为无米之炊，首先你要有： 一个 ChatGPT 3.5 的 API KEY（必须，4.0 也可

2024 年 5 月 23 日，Next.js 官方发布了 Next.js 15 RC。主要带来了这些更新：1. React：支持 React 19 RC、React 编译器和水合错误改进 2. 缓

本篇会： 1. 介绍 SSE 的基本概念和用法 2. Next.js 如何实现 SSE 以及客户端如何调用 3. Next.js 如何调用 ChatGPT Stream 接口？

如果要用 Next.js 实现消息推送、实时日志、聊天室等功能，你可能第一时间想到使用 WebSocket，但一找资料你会发现，Next.js 官方文档（App Router）中竟然没有相关内容

前言 跨域是使用 Next.js 常遇到的问题，问题主要分为两类： 如何调用一个跨域接口？ 如何实现一个跨域接口？ 本篇我们会先从跨域的基础知识开始讲起，然后讲解 Next.js 下这两大类问题的各种

此外，这还是一道考察 Next.js 的常见面试题。通过考察这类常见问题的解决方法，判断面试者是否对日常开发中遇到的问题进行过系统总结和思考。

我觉得非常有意义，所以记录下了这 10 个常犯错误的内容，从我自己的角度为大家介绍下这 10 个错误。现在就让我们开始吧！顺便看看你有没有中招。

如果说，有一个 Node.js API 是 Next.js 路由和我们日常开发用到的多个 API 的核心，你猜是哪个 API？ 答案是 AsyncLocalStorage。这可不是一个新 API，早

使用 Next.js 的时候，经常会在引入三方库（比如 antv）的时候，遇到 “document is not defined”、“window is not defined" 这样的报错，此时该怎

其实定义不同的 404 页面原本应该是一件非常容易的事情，但在 Next.js 下却变得有些复杂了，使用 Next.js 的同学，快收藏点赞这篇文章，以防日后遇到吧！