next.js

Tailwind CSS与服务器端渲染：SSR项目样式处理

TailwindCSS与服务器端渲染：SSR项目样式处理关键词：TailwindCSS、服务器端渲染、SSR、样式处理、性能优化、Next.js、Nuxt.js摘要：本文将深入探讨如何在服务器端渲染(SSR

AI实战架构笔记·2025-07-28 19:19

【Next.js 项目实战系列】02-创建 Issue

原文链接CSDN的排版/样式可能有问题，去我的博客查看原文系列吧，觉得有用的话，给我的库点个star，关注一下吧上一篇【Next.js项目实战系列】01-创建项目创建Issue配置MySQL与Prisma

Casta-mere·2025-07-27 11:24

[火了]-----FastGPT 插件系统架构演进：从 Monorepo 到独立生态

背景与挑战FastGPT作为一款快速发展的AI应用，其原有架构将所有功能模块（包括系统插件）集成在一个基于Next.js的Monorepo中。

叶玉恒·2025-07-25 20:11

nextjs+react接口会请求两次？

解决Next.js+React接口重复请求问题在Next.js应用中，你可能会遇到API请求被发送两次的情况。

·2025-07-23 09:05

next.js 如何实现动态路由？

在Next.js12中，动态路由和参数传递主要通过文件系统路由（File-systemRouting）实现。以下是详细步骤和示例：一、创建动态路由‌文件命名规则‌在pages目录下创建文件名用[参数名].js格式的文件，例如：pages/posts/[id].js//单个参数pages/[category]/[id].js//多段参数‌匹配的URL示例‌/posts/123→id:'123'/ne

·2025-07-21 21:40

next.js刷新页面时二级菜单展开状态判断

在Next.js中保持二级菜单刷新后展开状态的解决方案在Next.js应用中，当页面刷新时保持二级菜单的展开状态，可以通过以下几种方法实现：方法1：使用URL参数保存状态（推荐）import{useRouter

啃火龙果的兔子·2025-07-21 20:36

用 Next.js 实现静态与动态渲染的完美平衡

Next.js作为React生态中领先的全栈框架，通过getStaticPr

荣华富贵8·2025-07-20 02:30

nextjs+react项目如何代理本地请求解决跨域

在Next.js+React项目中解决本地开发跨域问题，可以通过以下几种方式实现代理请求：方案1：使用Next.js内置的Rewrites功能（推荐）1.修改next.config.js/**@type

啃火龙果的兔子·2025-07-19 11:45

2025 Next.js项目提前编译并在服务器

要让一个Next.js项目提前编译并在服务器上运行，可以按照以下步骤操作：1.本地构建项目首先在开发环境中完成构建：#安装依赖pnpminstall#生产环境构建（生成优化版本）npmrunbuild这会生成

风吹落叶花飘荡·2025-07-10 12:29

Next.js 开发指南实战篇 | React Notes | 项目介绍与创建

Next.js开发指南-冴羽-掘金小册前言欢迎来到实战篇！基础篇的目标是带大家复习基础知识，以及用作使用手册，方便大家在以后的项目开发中查询API用法，属于这本小册的“赠送面积”。

人工智能_SYBH·2025-07-10 05:14

next.js提供的能力有哪些

Next.js是一个基于React的现代全栈框架，提供了丰富的开箱即用功能，以下是其主要能力的全面总结：1.渲染方式静态生成(SSG)getStaticProps：构建时获取数据生成静态页面getStaticPaths

啃火龙果的兔子·2025-07-09 06:44

Wordless: 一个周末打造的小爆游戏

这个项目是什么Wordless就是个类似Wordle的猜单词游戏，用Next.js搭建的。玩家有6次机会猜出单词，支持3到8个字母的单词。

·2025-07-08 16:13

2025年的前后端一体化CMS框架优选方案

以下是结合技术生态、开发效率和商业落地验证，整理的2025年前后端一体化CMS框架优选方案：一、‌主流成熟框架组合‌1.‌React+Node.js(Express/Next.js)‌‌前端‌：React

skywalk8163·2025-07-06 17:28

Next.js——app里有什么

前言说好不鸽，第二篇来的晚了一些，在了解完nextjs的基本情况后，接下来就进入正式开发阶段啦，这一部分以approuter为基础，如果有pagesrouter的小伙伴建议可以尝试下approuter，内容比较多，以官网为主，加上本人的理解，废话说完了，开始正题～ps：本节依旧假设域名是xiaoqian.bestapp文件夹里有什么上一篇文章里说了，nextjs中页面的路由就是根据app的目录自动

just小千·2025-07-05 04:36

Next.js 安装使用教程

一、Next.js简介Next.js是一个基于React的服务端渲染（SSR）框架，由Vercel开发和维护。

小奇JAVA面试·2025-07-02 12:07

为了方便学习icss项目上的css技巧，我用next.js写了一个网站

icss-website一、项目简介与定位icss-website是一个基于Next.js14（AppRouter架构）开发的现代化CSS技巧展示平台，致力于为前端开发者、设计师和技术爱好者提供一个高效、优雅、易用的CSS奇技淫巧学习与交流空间。项目以GitHub上的iCSS仓库为内容源，通过API动态获取、分类、展示和高亮CSS相关的文章与代码示例，支持多主题、多语言、响应式布局和丰富的交互体验

·2025-07-02 12:40

为什么要学习 next.js 框架 + Vercel 部署平台，因为我想把自己的 app 分享给别人。

前端开发太卷？不如给你的React换个“豪华座驾”和“F1赛道”**如果你像我一样，从create-react-app的时代一路走来，你一定经历过那种“甜蜜的烦恼”：React给了你一个超强的V8引擎，但造车剩下的所有事——从方向盘(路由)、底盘(项目结构)到导航系统(数据管理)——都得你自己撸。结果就是，每个项目开始前，你都在重复发明轮子，在Webpack的配置地狱里苦苦挣扎。好消息是，时代变了

waterHBO·2025-07-01 07:45

改写一个小项目: flask -------------------＞ next js

一场从Flask到Next.js的“血泪”重构史（第一章）**副标题：一个关于自信、崩溃、道歉与成长的循环引子：最初的梦想与“亿点点”自信故事的开端，总是那么的美好。

waterHBO·2025-07-01 07:45

使用UmiJS框架开发React

你可以将它简单的理解为一个专注性能的类next.js前端框架，并通过约定、自动生成和解析代码等方式来辅助开发，减少我们开发者的代码量。2、为什么使用Umi.js?

汇智知了堂·2025-06-29 05:37

Next.js漏洞风暴：CVE-2025-29927全网爆发，你的项目躺枪了吗？

Next.js中间件鉴权绕过漏洞(CVE-2025-29927)全面解析与应急指南近日，Next.js框架曝出一个高危安全漏洞CVE-2025-29927，该漏洞允许攻击者通过构造特殊HTTP请求头绕过中间件的安全控制

前端菜鸡日常·2025-06-28 17:04

Next.js 数据获取：方法与实践指南

1.引言Next.js提供了灵活的数据获取机制，支持静态生成（SSG）、服务器端渲染（SSR）和客户端渲染（CSR），适用于不同场景。

wangjinjin180·2025-06-28 01:23

23.ssr和csr的对比？如何依赖node.js实现

举个例子：你部署了一个SSR网站，比如用Next.js：•页面在服务器（Node）上先运行•假设你需要从数据库、内部API获取数据SSR下的数据获取流程：[Node.js服务器]←（直

xd00002·2025-06-24 04:36

【前端】Next.js的安装及配置

Next.js介绍Next.js是一个流行的React框架，它具有以下优点：服务器端渲染（SSR）：Next.js支持服务器端渲染，这意味着页面可以在服务器上预渲染，然后发送给用户，这可以加快首屏加载速度

奔跑草-·2025-06-24 00:42

一篇文章入门Next.js：从理论到实战，轻松上手全栈开发

为什么选择Next.js？如果你正在学习前端开发，一定听过React的大名。但React只是一个库，要搭建完整的应用，你还需要路由、数据获取、SEO优化等能力——这时候Next.js就登场了！

jane_xing·2025-06-24 00:40

一文了解React、Next.js、Vue、Nuxt和Svelte等框架的最新动态和趋势

一起来看看谷歌I/O大会的一篇演讲：关于JavaScript框架生态系统的概述，内容涵盖Angular、Astro、React、Remix、Next.js、Vue、Nuxt、Solid和Svelte等多个框架的最新动态和趋势

前端达人·2025-06-23 21:45

Nextwind: 探索Next.js、TypeScript和Tailwind CSS的集成

本文还有配套的精品资源，点击获取简介：Nextwind是一个集成Next.js、TypeScript和TailwindCSS的现代化前端开发模板，旨在提供一种高效且美观的开发体验。

LearningandStudy·2025-06-20 13:06

如何使用 MobX、TypeScript、Next.js 和 Tailwind CSS 开发一个 Shopify 商品列表

项目结构首先，我们需要创建一个新的Next.js项目，并安装所需的依赖项。

薛飞之·2025-06-20 13:04

Next.js中使用Tailwind CSS

文章目录前言一、初始化Next.js项目二、添加tailwindcss配置1.安装Tailwind以及其他依赖2.创建Tailwind配置文件3.引入TailwindCSS4.使用TailwindCSS

Green8y0·2025-06-20 13:34

使用React, Next.js, TailwindCSS和Prisma构建全栈Netflix克隆项目

使用React,Next.js,TailwindCSS和Prisma构建全栈Netflix克隆项目去发现同类优质开源项目:https://gitcode.com/在这个开放源代码项目中，我们将一起探索如何利用前沿的技术栈

蒋素萍Marilyn·2025-06-20 13:33

使用基于 TypeScript 的 Next.js 模板进行项目引导

1.Next.js简介1.1什么是Next.jsNext.js是一个基于React的用于构建服务端渲染（SSR）和静态网站生成（SSG）的前端框架。它提供了一系列开箱即用的功能，包括：文件系统路由：基于pages目录的文件结构自动生成路由。服务端渲染（SSR）：在服务器端渲染页面，提高首屏加载速度和SEO优化。静态网站生成（SSG）：预渲染页面，生成静态HTML文件，提升性能。API路由：在pag

fydw_715·2025-06-20 13:03

【Agent】开源DeepResearch框架Open Deep Research

一、基本解读OpenDeepResearch是一个基于Next.js构建的智能研究助手，核心创新点在于将Firecrawl数据抓取引擎与多模型推理能力结合。

kakaZhui·2025-06-18 11:05

前端常用框架，及近期跟新

ServerComponents：与Next.js深度集成，实现服务端组件动态加

·2025-06-17 21:06

商城前端资源过载，性能差，该如何优化？

2、渲染优化：减少重排重绘，使用虚拟滚动优化长列表，骨架屏提升用户体验，服务端渲染或静态生成（如Next.js或Nuxt.js）来加快首屏加载。

万米商云·2025-06-10 06:32

商城服务端渲染（SSR）技术选型：Nuxt.js 与 Next.js 的深度博弈

在电商流量红利见顶的时代，技术选型直接决定商业成败。当拼多多通过SSR技术将首屏时间压缩至800ms实现用户留存率提升23%，当SHEIN借力动态路由预渲染让商品页爬虫收录效率提升3倍，服务端渲染技术已成为电商突围的核心武器。本文将以实战视角，解析两大SSR框架的技术特性差异。一、SEO优化能力拆解Nuxt.js3的混合渲染架构实现了SEO优化的极致：支持按页面粒度选择渲染模式，商品列表页采用增量

万米商云·2025-06-10 06:32

Next.js框架学习系列之一

Next.js框架学习系列，从0到1了解基础概念及知识。

·2025-06-08 20:37

react项目引入ant-design

当前项目用的Next.js。Next.js使用_app.js来定制全局的应用布局和样式。你需要在pages/_app.js中引入AntDes

vanora1111·2025-06-08 06:28

解决nextjs开发模式修改内容渲染过慢问题

Next.js开发模式启动速度优化建议针对Next.js开发模式启动慢的问题，这里提供几个优化方案：1.调整配置优化在你的next.config.js文件中可以尝试以下配置调整：constnextConfig

雅痞yuppie·2025-06-07 08:58

NodeJS全栈开发面试题讲解——P7 DevOps 与部署和跨域等

主要部署步骤：构建前端（如Next.js/Vue）：npmrunbuild部署后端（NestJS/Express）：生产环境配置.env.production安装依赖npmci（锁定版本）

穗余·2025-06-06 03:18

H5移动端性能优化策略(渲染优化+弱网优化+WebView优化)

//Next.js示例（ReactSSR）exportasyncfunctiongetServerSideProps(){constdata=awaitfetchData();//服务端获取

前端技术负责人·2025-06-05 06:48

shadcn/ui

文章目录前言✅核心特点支持组件（常用）安装使用（框架支持）初始化（Next.js项目为例）添加一个组件对比其他组件库官方资源✅总结✅功能特性：依赖项（需先安装）页面代码：`ChatPage.tsx`可选样式增强

TE-茶叶蛋·2025-06-02 19:25

[特殊字符] useTranslations 客户端使用教程（Next.js + next-intl）

✅适用场景用于客户端组件（加了"useclient"声明）配合ReactHooks使用翻译动态渲染、事件响应等需要在客户端处理的地方安装（如未安装）npminstallnext-intl项目结构参考.├──app│├──[locale]││├──layout.tsx#设置IntlProvider││├──page.tsx├──messages│├──en.json│├──zh.json✨1.设置P

曹天骄·2025-05-31 11:54

Next.js 路由模拟器：next-router-mock 使用指南

Next.js路由模拟器：next-router-mock使用指南next-router-mockMockimplementationoftheNext.jsRouter项目地址:https://gitcode.com

柳旖岭·2025-05-30 12:06

Next.js 路由增强指南：nextjs-routes 使用教程

Next.js路由增强指南：nextjs-routes使用教程nextjs-routesTypesaferoutingforNext.js项目地址:https://gitcode.com/gh_mirrors

娄妃元Kacey·2025-05-30 12:06

Next.js 路由滚动管理插件指南

Next.js路由滚动管理插件指南next-router-scrollTakecontrolofwhenscrollisupdatedandrestoredinyourNext.jsprojects.项目地址

邱行方Mountain·2025-05-30 12:36

为什么在 2025 年我仍然选择 Django 构建 SaaS 项目

Next.js、Supabase、Astro、T3Stack这些前端全家桶层出不穷，开箱即用，几小时内就能搭建起一个全栈应用，让你迅速交付价值。

·2025-05-22 10:35

next.js实现项目搭建

一、创建Next.js项目的步骤1、安装npxcreate-next-app@latest#或yarncreatenext-app#或pnpmcreatenext-app按照交互式提示配置你的项目：输入项目名称选择是否使用

帅帅哥的兜兜·2025-05-21 17:28

上集：一个前端的血泪复仇记 —— 静态部署的胜利

“我只是想部署一个小项目，结果干翻了SpringSecurity、Next.js和AI——三个加起来至少值我两天命。”话说有一天，我朋友搭了一个小系统，前后端分离，说大不大，说小不小。

十步杀一人_千里不留行·2025-05-18 09:38

从零构建一个全栈AI应用：Next.js + FastAPI + OpenAI API

今天这篇文章将手把手教你如何从零构建一个AI全栈应用：前端用Next.js构建交互界面后端用FastAPI管理API和权限模型调用使用OpenAIAPI（或其他LLMAPI）目标是让你掌握前后端分离+LLM

萧鼎·2025-05-14 23:01

Next.js 客户端认证架构项目教程

Next.js客户端认证架构项目教程nextjs-client-auth-architecturesExamplearchitecturesfordetectingtheuser'sauthenticatedstateclient-sideinNext.jswhenusinganHttpOnlycookie

齐飞锴Timothea·2025-05-13 07:31

next中的server comonent中如何共享session

在Next.js的服务器组件（ServerComponents）里共享会话（session），可以借助第三方库（如next-auth或express-session结合自定义API路由）来实现，下面为你详细介绍这两种常见的实现方式

每天吃饭的羊·2025-05-11 04:02

推荐频道