next.js

微辣而已7 天前
next.js
page router模式下next提前注入数据方法比较以及场景next.js提供的三种方法:getInitialProps、getServerSideProps、getStaticProps/getStaticPaths
Live000008 天前
前端·mysql·next.js
Next.js 结合 MySQL 数据库全站开发教程随着现代 Web 应用的发展,前后端分离架构已成为主流。Next.js 作为一款强大的 React 框架,不仅提供了出色的前端开发体验,还内置了 API 路由功能,使得在同一项目中开发前后端成为可能。结合 MySQL 这样成熟的关系型数据库,我们可以构建功能完善、性能优异的全栈应用。
Jedi Hongbin8 天前
前端·react.js·next.js
使用Next.js构建单页面React应用最近遇到一个问题 突然要一个单页面的项目 用惯了Next.js 而 create-react-app 又不推荐且不灵活 最终找发现Nextjs也支持单页面应用 以下是使用Next.js构建单页面React应用过程
萌萌哒草头将军9 天前
前端·javascript·next.js
🚀🚀🚀 Openapi:全栈开发神器,0代码写后端!上篇文章中,我们介绍了 GraphQL 和 REST Api 的优劣势,今天我们以 REST API 为例聊聊如果一个前端想做全栈,会怎么选择!
微辣而已10 天前
next.js
next.js两种模式(page router VS app router)注意:选择模式要慎重,这影响到以后缓存、跳转、SEO等不同使用,选择前尽量根据自己以后要实现的内容针对性学习一下
全栈派森11 天前
react.js·node.js·next.js
Next15 + Prisma + Auth5 实战讲解根据需要选择配置根目录创建auth.ts, 并写入, 以下是完整auth代码创建GoogleAuth应用
CF14年老兵11 天前
前端·react.js·next.js
Next.js 全页面缓存实践:如何为 SSR 页面提速而不失新鲜度在 App Router 架构下:SSR 的实时渲染特性带来两个关键问题:优势:监控指标:适用场景:实现效果:
Mr_兔子先生13 天前
前端·react.js·next.js
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就不太合适了,所以服务
小钰能吃三碗饭17 天前
前端·react.js·next.js
第十篇:【React SSR 与 SSG】服务端渲染与静态生成实战指南各位 React 开发者,你是否曾经面临过这些困扰:在过去的九篇文章中,我们详细探讨了 React 客户端渲染(CSR)的各种优化方法。今天,我们将揭开全新的篇章,探索服务端渲染(SSR)与静态站点生成(SSG)这两种强大的渲染策略,帮助你的 React 应用更快、更强、对 SEO 更友好!
时光Time18 天前
react.js·next.js
Nextjs 查漏补缺如题,这不是入门教程,而是对 Nextjs 中的知识点进行查漏补缺,方便回顾复习,所以对于没接触过 Nextjs 的童鞋来说,本文可能会理解起来有些吃力,欢迎评论区讨论👏👏
卸任18 天前
前端·javascript·next.js
next-auth是如何保持登录状态的?回顾一下Session、Cookie、Token前一段时间开发项目时,用到了Next框架,个人感觉这个框架还是很厉害的。大大减少了工作量。就用保持登录状态这个例子来说。
用户76787977373220 天前
前端·next.js
由Umi升级到Next方案Umi Max 比较适合做中后台管理系统,尤其是结合 Ant Design Pro,用起来确实很方便,开发效率也挺高。但我们后来发现一个问题,Umi4 开始貌似已经不支持服务端渲染(SSR)了,这在做后台的时候没啥影响,但如果前台页面还用它,就很难做好 SEO 了,尤其是需要被搜索引擎收录的内容页面。
柯倪20 天前
前端·next.js
next.js该怎么写?关于并行路由Parallel Routesnext.js新增了一个平行路由的概念,问题是react这么多年了也没平行路由,react router里也没有,为next.js要新增一个?和之前相比,平行路由有什么区别?
全栈派森21 天前
react.js·next.js
Prisma × Next.js 15:MySQL 极速开发全栈指南Prisma 适合快速开发、需要强类型安全、团队熟悉现代工具链的项目。想了解更多可以直接访问 Prisma 文档指南
hhdy22 天前
前端·next.js
next使用字体文件时,路径使用@路径别名的问题
叶小秋22 天前
前端·next.js
Next.js + Tailwind CSS 移动端适配方案在使用 Next.js + Tailwind CSS 开发移动端项目时,需要考虑移动端适配问题。本文将介绍一个优雅的解决方案,帮助你轻松实现移动端响应式设计。
进击的松鼠24 天前
langchain·next.js·deepseek
Next.js + LangChain.js + DeepSeek 实现一个 AI 智能助手LangChain 框架最初以 Python 版本为主,随后推出 JavaScript 版本,这也是官方持续维护的两个主要版本。
ayyo_cici1 个月前
前端·next.js
超快速、不依赖 Docker 的 Next.js 国内部署静态网站方案最近接手了一个用 Next.js 开发的官网项目。由于官网更新频率不高,我整理了一套简单可控的部署方案:不依赖 Docker,只需通过 SFTP 上传文件到服务器,配合 Nginx 和 PM2 即可完成部署。
JinJieBeWater1 个月前
next.js
Next.js/T3 Stack集成测试系列1: 基础环境搭建与tRPC后端路由测试为了业务的完整性,为项目的后端集成测试是非常有必要的。 我在使用 T3 Stack 探索如何为我的应用程序添加测试时遇到了很多问题。 现存网络上关于如何为Next.js的后端路由集成测试的资料非常少且零碎。
浪遏1 个月前
前端·面试·next.js
我的远程实习(六) | 一个demo讲清Auth.js国外平台登录鉴权👈|nextjs前些时候 ,远程实习要求实现鉴权登录 , 采用 Auth.js 可用于在 Nextjs 项目中实现登录鉴权 ,今天我写一个 demo , 为大家展示一下 auth 鉴权的数据流转 ~