next.js

如何将 Next.js 项目部署到阿里云服务器最近我在阿里云服务器上部署了一个 Next.js 项目，记录一下过程，以备后续参考。主要包括以下几个步骤：

大鱼七成饱

彻底搞懂 react 的 use client这几天接触了下next.js 13版本，遇到了下面的问题： This React hook only works in a client component.。

聪明的水跃鱼

Nextjs15 基础配置使用注意：node 版本 V18.18 以上pnpm dlx create-next-app@latest 创建一个nextjs 15项目的基本结构模板

聪明的水跃鱼

Nextjs15 构建API端点在 Next.js 15 中，API Router 已经不再是推荐的方式来构建 API 端点，而是被 App Router 中的 Route Handlers（路由处理器）所取代。Next.js 15 鼓励开发者逐步从 Pages Router 迁移到 App Router，并使用 Route Handlers 来处理 API 请求，因为它们提供了更现代、更灵活的方式来构建服务器端逻辑。下面将详细介绍 Next.js 15 中 API Router 的作用、如何使用 Route Handlers 替代

React SSR同构渲染方案是什么？目前主流的前端架构分为SSR、CSR、SSG，比较适合首屏直出的方案除了CSR都还不错，因为服务端会直接返回路由对应的html + css，浏览器直接解析DOM即可，而水合的作用是什么？服务端首次返回的是静态页面，页面需要”动“起来的话，则需要水合，即将页面所需的JS引入并加载、给DOM绑定交互等等，核心的API即ReactDOM.hydrateRoot。

alova 3.3.0 发布：开发体验提升的重大更新经过几个月的精心打磨，很高兴向大家宣布 alova 3.3.0 正式发布！在过去半年时间里，我们也深入听取了社区开发者的反馈，针对实际开发中的痛点，在业务逻辑方面加强了不少。从 SSR 支持到 AI 应用，服务端场景下的业务逻辑，从分布式缓存到文件上传等等。

恩师AI之Next.js 静态导出中 "use client" 指令的作用最近在解决一个 Next.js 项目的构建问题时，与 AI 助手进行了一次深入的技术讨论。这次对话揭示了一些关于 Next.js 静态导出、"use client" 指令以及 SSG 预渲染机制的重要细节。以下是我们讨论的完整记录。

小声读源码

【技巧】dify前端源代码修改第一弹-增加tab页回到目录尝试修改dify的前端源代码，在知识库增加一个tab页"HELLO WORLD"，完成后的效果如下 [gif01]

优化 Nextjs 开发的个人博客首页，秒开！我有一个使用 Nextjs 开发的个人博客，功能大概有首页、文章列表、留言板、创建编辑文章但是我对 Nextjs 是干中学的状态，属于是一边学一边写

0基础入门AI编程之环境篇DevboxDevbox 是由 Jetify 开发的一个工具，核心目标是让开发者在不同机器上快速搭建一致的本地开发环境。它通过 Nix 包管理器管理软件包，确保项目之间的依赖不会冲突，同时提供隔离的 shell 环境。

使用【可交互代码块】一文学会用 React 和 Next.js 开发应用程序在我的博客里面，可以使用【可交互代码块】快速学习 React 的基本概念和用法，更好上手哦🎉，戳→ www.jet-lab.site/blogs/react

帅帅哥的兜兜

next.js实现项目搭建按照交互式提示配置你的项目：输入项目名称选择是否使用 TypeScript选择是否启用 ESLint选择是否启用 Tailwind CSS

page router模式下next提前注入数据方法比较以及场景next.js提供的三种方法：getInitialProps、getServerSideProps、getStaticProps/getStaticPaths

Next.js 结合 MySQL 数据库全站开发教程随着现代 Web 应用的发展，前后端分离架构已成为主流。Next.js 作为一款强大的 React 框架，不仅提供了出色的前端开发体验，还内置了 API 路由功能，使得在同一项目中开发前后端成为可能。结合 MySQL 这样成熟的关系型数据库，我们可以构建功能完善、性能优异的全栈应用。

使用Next.js构建单页面React应用最近遇到一个问题突然要一个单页面的项目用惯了Next.js 而 create-react-app 又不推荐且不灵活最终找发现Nextjs也支持单页面应用以下是使用Next.js构建单页面React应用过程

萌萌哒草头将军

🚀🚀🚀 Openapi：全栈开发神器，0代码写后端！上篇文章中，我们介绍了 GraphQL 和 REST Api 的优劣势，今天我们以 REST API 为例聊聊如果一个前端想做全栈，会怎么选择！

next.js两种模式（page router VS app router）注意：选择模式要慎重，这影响到以后缓存、跳转、SEO等不同使用，选择前尽量根据自己以后要实现的内容针对性学习一下

Next15 + Prisma + Auth5 实战讲解根据需要选择配置根目录创建auth.ts, 并写入, 以下是完整auth代码创建GoogleAuth应用

Next.js 全页面缓存实践：如何为 SSR 页面提速而不失新鲜度在 App Router 架构下：SSR 的实时渲染特性带来两个关键问题：优势：监控指标：适用场景：实现效果：

Mr_兔子先生

2025盛夏版：Next.js15+Antd5开发部署SSR网站速通教程Next.js是基于React的服务端渲染工具。在传统的React项目中，例如使用Vite创建的项目，最终build生成的静态文件，是基于浏览器渲染的，即CSR（Client-side Rendering）。CSR往往都是单页面应用，即一个HTML文件和若干个js、css、图片文件。打开build后的HTML文件，发现代码很简单，页面和组件的元素都是放在了js里，由js动态渲染到HTML中。CSR模式是目前前端开发项目中应用最为广泛的。但有些也场景，特别是需要SEO优化的时候，CSR就不太合适了，所以服务