next.js

bigyoung2 天前
前端·前端框架·next.js
基于Next api与本地文件存储前端配置项上一篇文章中我们使用了浏览器IndexedDB 存储了 cardConfig 的客户端数据,在实际生产更多的场景需要根据用户获取配置数据,因此更合适的是将数据放在服务端。 因此我们做以下变更:
蜗牛快跑1234 天前
前端·express·next.js
使用Turbopack、Biome、Next.js、Express、Tailwind CSS和ShadCN构建全栈Monorepo项目这是一篇翻译,原文:www.thehalftimecode.com/building-a-…github 地址: github.com/ivesfurtado…
psyq11 天前
next.js
Tailwind CSS v4 移除 tailwindcss.config.js 后如何配置并进行主题切换在 Tailwind CSS v4 中,tailwindcss.config.js 配置文件已被移除,取而代之的是 postcss.config.js。由于此次更新涉及较大变动,本文将记录如何在 Next.js 项目中结合 Tailwind CSS v4 实现可切换的自定义主题。
Daci12 天前
前端·next.js
Next.js全栈实战:手把手集成NextAuth实现Google/GitHub一键登录最近想搭建一个全栈应用,登录这部分功能希望是通过Google授权登录。我发现Next比较适合,集成了NextAuth,可以轻松实现各种身份验证和授权功能,无需手动处理令牌和会话,集成谷歌、github等常用平台登录,尝试搭建了下,简单跟大家分享下搭建过程和遇到的坑。
敲代码的玉米C13 天前
next.js
Next.js服务端渲染应用部署详解:与Vue.js静态部署的区别在我近期的项目开发中,遇到了一个有趣的困惑:为什么我以前开发的Vue.js项目可以简单地将构建产物放入Nginx的html目录就能访问,而现在的Next.js项目却需要更复杂的部署流程?
雾切13 天前
next.js
Next.js Docker 环境变量解决方案最近boss给了我一个需求, 要把前端项目分离出来, 现在要让整个前端独立运行. 现在发现容器不够灵活, apihost不一样, 要为staigng和 production环境分别打一个包, 避免环境不一致的问题. 经过我的摸索, 终于找到了个可行的解决方案, 能够一次打包, 在多个环境所运行
Bigger15 天前
前端·github·next.js
基于 GitHub Actions 的 Next.js 全自动部署指南最近有次项目部署,提交完代码坐等自动部署生效,老一会了,浏览器访问一直没有更新?!😮啥情况?原来自动部署不带编译?!?! 项目也是一段时间没更新了,忘了这个点了。😡
HyaCinth18 天前
前端·react.js·next.js
Next.js 服务端渲染超时导致生产事故前几天公司平台首页崩溃了 504 Time-out,这里记录一下问题排查和解决的过程。首页开启了SSR渲染,getServerSideProps中的请求使用了简单的fetch请求,只对普通错误做了兜底,但没有考虑到请求超时的问题,请求超时导致了页面返回超时,首页报了504错误。
a_little1612519 天前
前端·next.js
NEXT.js 中文文档Next.js 使用基于文件系统的路由器,使用文件夹来定义路由。每个目录下都要有一个page.js。在此示例中,/dashboard/analytics URL 路径不可公开访问,因为它没有相应的 page.js 文件。该文件夹可用于存储组件、样式表、图像或其他并置文件。
web_Leon21 天前
react.js·next.js
Next.js 13+ App Router 国际化方案实践在开发 Next.js 应用时,我们经常需要支持多语言特性。特别是 Next.js 13+ 版本采用了全新的 App Router,原有的国际化方案已经不再适用。今天我们就来聊聊如何在 Next.js 13+ 中优雅地实现国际化。
前端双越老师1 个月前
react.js·全栈·next.js
React19 和 Nextjs15 可否用于生产环境?大家好,我是双越老师,也是 wangEditor 作者。我正致力于开发一个 Node 全栈 AIGC 知识库 划水AI,包括 AI 写作、多人协同编辑。复杂业务,真实上线,大家可以去注册试用,围观项目研发过程。
朝阳391 个月前
next.js
Next.js【详解】获取数据(访问接口)Next.js 中分为 服务端组件 和 客户端组件,内置的获取数据各不相同以 MongoDB 为例,使用 mongoose 连接
朝阳391 个月前
next.js
Next.js 15【实用教程】2025最新版官网 https://nextjs.org/docs/app/getting-startedNext.js 由 Vercel 开发和维护,旨在解决单页应用(SPA)和多页应用(MPA)在性能和 SEO 上的不足。
前端破坏球2 个月前
前端·next.js
开源一款丝滑纯粹的简历编辑器,小小集成AI-DeepseekV3魔方简历(Magic Resume)是一款基于现代前端技术栈的简历生成工具,旨在帮助用户快速创建专业、个性化的简历。通过简洁的界面和强大的功能,用户可以轻松定制简历内容,并生成高质量的 PDF 文件,集成AI功能,使用DeepSeek润色并诊断你的文本。
扎量丙不要犟2 个月前
开发语言·javascript·react.js·ecmascript·next.js·auth0
Next.js 14 TS 中使用jwt 和 App Router 进行管理jwt是一个很基础的工作。但是因为架构不一样,就算是相同的架构,版本不一样,加jwt都会有一定的差别。现在我们的项目是Next.js 14 TS 的 App Router项目(就是没有pages那种),添加jwt的步骤:
懒人码农2 个月前
前端·web3·next.js
Solana 核心概念:快速构建简单的dApp应用(一)Solana 是新一代的区块链,与比特币、以太坊相比具有创新性。我们在学习 Solana 不需要掌握区块链相关的很多知识,或者是具备 Rust 等编程语言。你只需要有一台电脑并且可以安装 Nodejs 以及掌握基础的 Nodejs、TypeScript就可以了。
白雾茫茫丶2 个月前
next.js·middleware
Next.js 实战 (十):中间件的魅力,打造更快更安全的应用在 Next.js 中,中间件(Middleware)是一种用于处理每个传入请求的功能。它允许你在请求到达页面之前对其进行修改或响应。
白雾茫茫丶2 个月前
next.js·lodash
Next.js 实战 (八):使用 Lodash 打包构建产生的“坑”?最近一直在折腾 Nextjs15 ,也在断断续续地写《Next.js15 实战系列》的文章,后来总感觉文章如果没有线上效果预览差点意思,所以就想着先把目前做的项目先部署上线,后续再慢慢添加新功能。
写前端的黄金鼠2 个月前
next.js
二、用户注册与登录模块的搭建在开发一个无代码平台时,用户注册与登录模块是最基础且关键的部分。它不仅是用户进入平台的入口,还为后续的功能模块(如页面设计、协作、模板市场等)提供了身份验证和权限管理的基础。本文将详细介绍如何在 Next.js 框架中搭建用户注册与登录模块,包括数据库设计、后端 API 实现、前端页面集成以及身份验证机制。