next.js

Next.js 的 Web Vitals 监测与 Lighthouse 分析：从底层到实战的快乐科学小结：没有数据，优化都是“玄学叙事”；有了 Web Vitals，我们才有“实验-验证-迭代”的工程闭环。

Next.js 介绍：为什么选择它来构建你的下一个 Web 应用？作者：码力无边你好，欢迎来到我们的 Next.js 专栏！在接下来的 30 篇文章中，我们将一起踏上一段从入门到精通的旅程，深入探索这个强大而优雅的 React 框架。

页面间的导航：`＜Link＞` 组件和 `useRouter`作者：码力无边在上一篇文章中，我们掌握了如何通过文件系统创建静态、嵌套和动态的页面。现在，我们的应用有了多个独立的“房间”，但缺少连接它们的“走廊”。今天，我们将学习如何在这些页面之间建立流畅、高效的导航，这也是提升用户体验的关键一步。

Next.js 性能优化双绝：Image 与 next/font 的底层修炼手册在前端性能优化的江湖里，Next.js 就像一位自带 “武功秘籍” 的高手，而Image组件与next/font模块，便是它克敌制胜的两大门派绝学。前者专治 “图片加载慢如龟爬” 的顽疾，后者则破解 “字体渲染闪瞎眼” 的魔咒。这两门手艺看似简单，实则暗藏计算机底层的运行逻辑，就像武侠小说里的招式，需懂其 “内力” 运转之法，方能融会贯通。

Next 全栈数据缓存（Redis）从入门到“上瘾”：让你的应用快到飞起 🚀本文将从工程实践与底层原理两条线并行，带你在 Next 全栈应用中优雅地引入 Redis 缓存。我们会聊到：为什么要缓存、缓存放哪儿、如何防止“雪崩/击穿/穿透”、如何在 Server Actions/Route Handlers 中用得稳、如何做失效策略等等。语言使用 JavaScript（Node/Edge 运行时兼容），穿插少量代码与小图标，尽量“好吃不腻”。

用 Next.js 打造全栈文件上传（S3 / Cloudinary）——从字节到云端的奇妙旅程本文将从底层原理讲起，到完整代码实现，涵盖以下内容：示例代码使用 JS（非 TS），并基于 Next.js App Router（/app 目录）。如果你还在 Pages Router，也能举一反三。

天蓝色的鱼鱼

Next.js 预渲染完全指南：SSG vs SSR，看完秒懂！如何让你的 Next.js 应用秒开？预渲染机制是关键！本文将带你彻底搞懂两种预渲染方式的区别和实战应用。

Next.js 渲染模式深度解析：CSR、SSR、SSG 的选择与实践实战建议：内容趋于稳定 → SSG/ISR；依赖登录态/实时性 → SSR/CSR；强交互的内部工具 → CSR。

集成服务的江湖秘笈：用 JS 驾驭 OpenAI / Stripe / SendGrid小贴士：场景：文本生成、内容理解、函数调用、向量检索等。关键点：示例：Node.js 用官方 SDK 进行文本生成与函数调用。

Next.js 全栈初体验 —— 用 Prisma + SQLite 搭建计数器Next.js 不仅是一个前端框架，更是一个提供全栈开发能力的平台。借助 App Router + API Routes + 数据库集成，我们可以轻松实现既有前端交互，又有后端逻辑的数据驱动应用。

程序设计实验室

在Next.js中集成swagger文档最近一直在用 Next.js 开发我的新网站这次写了一些 API我就想着能不能像平时开发后端那样，使用 swagger 进行调试

Next.js 新数据获取三剑客：fetch() + cache() + use —— 从引擎盖下聊到赛道上在 React 传统客户端时代，数据获取是“组件挂载 → useEffect → fetch → setState”。Next.js 13+ 以后，服务端组件成为主角，数据获取“前置”到了服务器渲染阶段，顺便把缓存、并发、流式、SEO 一锅端正。

Tube - Studio Layout

小Lu的开源日常

Mathcheap v0.9.x 发布的第一个月，从想法到 MVP（最小可行性产品）一个月前，我上线了 Mathcheap v0.9.0，这是一个 AI 驱动的数学公式识别和 LaTeX 数学公式编辑器。写这篇文章，是想记录一下从 0 到 1 的过程。

🌌 Next.js 服务端组件（Server Components）与客户端组件（`"use client"`）在 Web 开发的江湖里，React 一直扮演着“前端大法师”的角色。但是当用户们喊着：“我的网页怎么还没加载出来！我要立刻马上看内容！”

我想说一句

Next.js+Ollama本地聊天模型应用！今天我学习了Next.js + Ollama + TypeScript，收获真的超级多！没想到一天时间就能做出一个真正能用的AI聊天应用，并且是将模型下载到本地，减少了我们平常调用API的花费，让我兴奋得简直想马上分享给大家。下面我就来详细回顾一下今天学到的内容，保证通俗易懂，就算是前端小白也能看懂！

App Router 与 `/app` 目录结构 & 布局系统的奇妙冒险 🏰在 React 与 Next.js 的江湖里，/app 目录就像一座新兴的城市。它不再是老旧的 /pages 村，而是一座拥有地铁、环线和分区的现代都市。而 layout.tsx 呢？它是这座城市的“城市规划师”，负责决定每个区域的公共设施：路灯要不要亮，垃圾桶放哪儿，甚至决定所有页面是不是都要有同一条导航栏。

Prisma + Next.js 全栈开发初体验：像操作对象一样玩转数据库告别繁琐的 SQL，迎接优雅的数据库操作新时代还记得那些年被 SQL 支配的恐惧吗？各种 JOIN、WHERE、ORDER BY 语句绕得头晕眼花，一不小心就是个语法错误。作为一个长期与数据库打交道的开发者，我一直在寻找更优雅的数据操作方式。

🛡️ Next.js 中间件权限验证与 API 保护的奇幻冒险各位程序员勇士们，欢迎来到 Next.js 魔法大陆！今天我们要展开一场冒险，目标是守护我们的 API 宝藏，击退不怀好意的请求小怪兽。

使用 Ollama 本地部署 AI 聊天应用有没有一种方式，让我们既能享受大模型的强大能力，又能完全掌控自己的数据和环境？答案是肯定的Ollama，这个专为本地部署大模型而生的工具，正在让“大模型自由”成为现实。