_wow

其实乐观更新并不是一个新潮的思想，但大家普遍不会去实现乐观更新，归根到底还是实现成本太高。所以本篇会结合 Next.js 和 useOptimistic 讲解如何低成本并考...

如果数据量大、操作比较费时，频繁重复的查询会浪费很多时间，为了提高性能，此时就需要加入数据缓存机制。那么该如何实现呢？这就是本篇要讲的主题之一 —— React cache...

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

使用 Next.js 的时候，经常会在引入三方库（比如 antv）的时候，遇到 “document is not defined”、“window is not defin...

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

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

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

如果要用 Next.js 实现消息推送、实时日志、聊天室等功能，你可能第一时间想到使用 WebSocket，但一找资料你会发现，Next.js 官方文档（App Route...

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

2024 年 5 月 23 日，Next.js 官方发布了 Next.js 15 RC。主要带来了这些更新：1. React：支持 React 19 RC、React 编译...

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

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

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

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

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

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

最近开发 AI 机器人，有朋友跟我说，想要体验 GPT4，又有朋友跟我说，想要体验谷歌的 Gemini，还有朋友跟我说，想要 AI 绘画功能……尽管朋友不差钱，但我缺呀，缺...

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

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

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