首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Next.js 开发指北
冴羽
创建于2024-03-07
订阅专栏
系统性学习、入门 Next.js 还是请看小册《Next.js 开发指南》
等 707 人订阅
共24篇文章
创建于2024-03-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
理解 Next.js 的 CSR、SSR、SSG、ISR、RSC、SPA、Streaming SSR 等概念
本篇我们讲解 Next.js 项目所涉及到的 CSR、SSR、SSG、ISR、RSC、SPA、Streaming、Navigation等名词概念,帮助大家正确理解 Next.js。我们先从大家最熟悉的
Next.js 写 Server Actions 的利器 —— next-safe-action
使用 next-safe-action不仅可以定义类型安全的 Server Actions 还可以处理输入校验、错误处理等,让代码更加规范整洁。根据官方的介绍,它具有的特性如下:
Next.js Server Actions 如何进行错误处理?
Server Actions 算是 Next.js 项目高频使用的功能了,其中很麻烦但又很重要的一项内容就是错误处理。本篇我们来聊聊 Next.js Server Actions 中如何进行一个完备的
Next.js 写什么 useState,放 URL 里!
我们将讨论 “如何将状态保持在 URL 中?”,而非使用 React 传统的 useState。 这样做的好处就在于用户分享 URL 或者刷新网页的时候不会丢失状态。当然实际场景远不止这些,
Next.js 如何实现导航时的过渡动画?(使用 Framer Motion)
Framer Motion 是 React 领域常用的动画库,目前 GitHub 22k Stars,Npm 周下载量 300W,算是 React 领域做动画主流的技术选型。Next.js 项目
Next.js 如何处理表单?(TS + Tailwind CSS + Shadcn UI + RHF + Zod + useOptimistic)
本篇我们使用 Next.js + TypeScript + Tailwind CSS + Shadcn UI + React Hook Form + Zod + Server Actions + us
Next.js 项目写 Tailwind CSS 基本都会遇到的两个问题
目前 Tailwind CSS 在 GitHub 有 80k Stars、Npm 周下载量 733W,已经成为前端主流的 CSS 框架。 而 Next.js 脚手架默认集成 Tailwind C
React 19 新 hook —— useActionState 与 Next.js Server Actions 绝佳搭配
2024 年 4 月 25 日,React 发布了 React 19 RC,其中介绍了新 hook —— `useActionState`。说是新 hook,其实就是 Canary 版的
Next.js 极简实现 Authentication
Authentication 所涉及的概念众多、技术方案众多,细节众多,导致不少同学对 Authentication 感到不明觉厉,甚至有些“犯怵”。本篇我们将通过一个极简的
Next.js 实现下载 m3u8 视频
日常浏览一些视频网站的时候,觉得内容不错,想要下载下来收藏,但一查视频格式,发现是 m3u8。这种格式是什么?为什么要使用这种格式呢?我们又该如何下载 m3u8 格式的视频呢? 本篇我们借着下载
Next.js 项目接入 AI 的利器 —— Vercel AI SDK
首先我们花 10 分钟使用 Next.js 快速部署一个 ChatGPT 聊天网站,效果如下: 不过巧妇难为无米之炊,首先你要有: 一个 ChatGPT 3.5 的 API KEY(必须,4.0 也可
Next.js v15 要来了,有哪些更新?附升级指南
2024 年 5 月 23 日,Next.js 官方发布了 Next.js 15 RC。主要带来了这些更新:1. React:支持 React 19 RC、React 编译器和水合错误改进 2. 缓
Next.js v14 如何实现 SSE、接入 ChatGPT Stream?
本篇会: 1. 介绍 SSE 的基本概念和用法 2. Next.js 如何实现 SSE 以及客户端如何调用 3. Next.js 如何调用 ChatGPT Stream 接口?
Next.js App Router + Socket.IO 实现简易聊天室
如果要用 Next.js 实现消息推送、实时日志、聊天室等功能,你可能第一时间想到使用 WebSocket,但一找资料你会发现,Next.js 官方文档(App Router)中竟然没有相关内容
Next.js 跨域问题的各种解法
前言 跨域是使用 Next.js 常遇到的问题,问题主要分为两类: 如何调用一个跨域接口? 如何实现一个跨域接口? 本篇我们会先从跨域的基础知识开始讲起,然后讲解 Next.js 下这两大类问题的各种
Next.js 常见错误 Hydration Failed 该如何解决?
此外,这还是一道考察 Next.js 的常见面试题。通过考察这类常见问题的解决方法,判断面试者是否对日常开发中遇到的问题进行过系统总结和思考。
使用 Next.js App Router 常犯的 10 个错误
我觉得非常有意义,所以记录下了这 10 个常犯错误的内容,从我自己的角度为大家介绍下这 10 个错误。现在就让我们开始吧!顺便看看你有没有中招。
Next.js v14 的 cookies()、header() 函数实现原理 —— AsyncLocalStorage
如果说,有一个 Node.js API 是 Next.js 路由和我们日常开发用到的多个 API 的核心,你猜是哪个 API? 答案是 AsyncLocalStorage。这可不是一个新 API,早
Next.js v14 报 document is not defined 这种错怎么办?基本都会遇到,深入解析,收藏备用
使用 Next.js 的时候,经常会在引入三方库(比如 antv)的时候,遇到 “document is not defined”、“window is not defined" 这样的报错,此时该怎
Next.js v14 如何为多个根布局自定义不同的 404 页面?竟然还有些麻烦!欢迎探讨
其实定义不同的 404 页面原本应该是一件非常容易的事情,但在 Next.js 下却变得有些复杂了,使用 Next.js 的同学,快收藏点赞这篇文章,以防日后遇到吧!
下一页