nextjs

堂铭6 天前
前端·i18n·nextjs
NextJS多语言前面的步骤AI辅助下完成,但是会有些坑,记录一下step1: 首先,安装next-intlstep2: 在 /src/app 目录下创建一个 [locale] 文件夹
Mebius19162 个月前
前端·react.js·typescript·开源·github·tailwindcss·nextjs
开源全站第一个Nextron(NextJS+electron)项目--NextTalk:一款集成chatgpt的实时聊天工具该项目是一个基于Nextron(NextJS+Electron)的桌面端实时聊天工具。但由于使用了NextJS中的ssr及api route功能,该程序只能在开发环境运行。
tangfuling19913 个月前
前端框架·react·nextjs
用 nextjs 创建 Node+React Demo1、安装Node 访问Node官网下载对应Node版本:Node官网,安装成功后通过命令查看当前node版本
A洛3 个月前
开发语言·github·nextjs·cloudflare·cloudflarepages
Cloudflare Pages 部署 Next.js 应用教程本教程将指导你如何将现有的 Next.js 应用部署到 Cloudflare Pages。安装部署依赖
Zong_09154 个月前
nextjs
NextJs - 服务端/客户端组件之架构多样性设计本篇文章主要讲解不同场景下,我们怎样去设计客户端和服务端组件的交互,或者是怎么去写代码。本篇文章建立于:使用SSR渲染+Suspense流式渲染,并且服务端/客户端组件混合使用的基础上讲解的。
hawk2014bj4 个月前
docker·nextjs
NextJS 使用 Docker 发布NextJS 开发完成之后,如果使用容器发布,需要 Dockerfile 和 修改配置文件。在官方镜像的基础上,修改为 aliyun 镜像地址,并添加 aliyun npm mirror。
hawk2014bj4 个月前
react·nextjs·ssr
NextJS 服务器端代码调试NextJS 中如何调试服务器端代码,根据官方文档设置 Chrome 调试,这里有个坑,来看下面配置:
loong_XL5 个月前
开发语言·前端·javascript·nextjs
nextjs 实现TodoList网页应用案例参考: https://nextjs.org/Next.js 是用于网络的一种 React 框架。一些世界上最大的公司在使用它,它能够借助 React 组件的力量让您创建高质量的网络应用程序。
Zong_09156 个月前
nextjs
NextJs 系列文章
Ygria_6 个月前
github·nextjs·notion
详解Next Auth:自定义邮箱密码登录注册、Github、Notion授权 & Convex集成最近用NextJS框架做全栈项目做的很顺手,现在想给项目加上登录、注册、鉴权拦截、分角色路由控制等功能,并接入Github、Notion等第三方登录。 可以使用NextJS官方提供的Auth框架实现。
松桑的前端后花园7 个月前
前端·javascript·css·node.js·nextjs·前端周刊·前端后花园周刊
#13前端后花园周刊-10个现代 Node.js 运行时新特性、Nextjs15、Astro4.9、CSS压缩JavaScript 的创建者 Brendan Eich 在 Twitter/X 上出现,反驳了 JS 是“最邋遢的”的说法,称其只有 50% 。
Zong_09157 个月前
react.js·nextjs
NextJs 数据篇 - 数据获取 | 缓存 | Server Actions之前讲了:这篇文章就打算专门讲一下NextJs中的数据获取方式、缓存以及什么是Server Actions
攀上顶峰7 个月前
nextjs
next-元数据创建、更新 SEO 优化在创建Next.js项目时,根页面会自动生成一个metadata对象,其中包含标题和描述等关键信息。每当页面被访问时,这个metadata对象会被读取并应用到HTML的默认配置中,确保页面的基本信息得以正确展示。在存在单独页面需要采用独特的标题或描述时,这些特定页面的元数据将优先于根元素所设定的全局元数据,从而进行替换操作。通过为这些页面设置独特的元数据,我们可以确保访问者或搜索引擎在访问这些页面时能够获取到最准确、最相关的信息。因此,在设计和开发网站或应用程序时,我们需要考虑如何为每个页面设置独特的元数
攀上顶峰7 个月前
nextjs
next-route在目录结构中,我们精心创建的每一个文件最终都会经过处理,转化为相应的页面路由。然而,值得注意的是,某些特殊文件格式在生成过程中并不会被当作路由路径来处理。
just小千8 个月前
开发语言·javascript·ecmascript·nextjs
Next.js是什么前言:最近一年都在nextjs浩瀚的海洋中游来游去,在使用过程中算是小有心得,趁着有那么一点点时间温故而知新,总结一波(主要中文文档实在太少,它更新的速度又快,很多时候自己翻文档看issue实在头疼),希望和小伙伴们一起学习一起交流一起进步。接下来按照一般方法,先介绍一下nextjs(最新版本14.x)
wakangda1 年前
nextjs
Next.js 的设计理念Next.js 是一个流行的 React 框架,由 Vercel 公司开发。它的设计理念是简洁、强大和高效,这种理念贯穿于 Next.js 的所有功能中。下面我们将深入探讨这三个设计理念。
芝士思维1 年前
数据库·sql·nextjs·prisma
NextJS开发:Prisma开启SQL日志输出在 Prisma 中打印执行的 SQL 可以通过在 PrismaClient 实例上设置 log 配置参数来实现。具体步骤如下:
芝士思维1 年前
react.js·typescript·node.js·nextjs
NextJS开发:Prisma数据库多表关联查询,使用include替代left joinPrisma中的多表关联查询实例1、schema.prisma中定义模型2、查询操作3、查看日志中生成sql
芝士思维1 年前
react.js·nextjs
NextJS开发:shadcn/ui中Button组件扩展增加图标shadcn/ui组件比较灵活,但是功能相比ant之类组件还是缺少太多功能,本文为shadcn/ui为button组件增加图标,加载中动画等效果。
任磊abc1 年前
react·nextjs·material ui
nextjs构建服务端渲染,同时使用Material UI进行项目配置使用create-next-app来启动一个新的Next.js应用,它会自动为你设置好一切运行命令:执行结果如下: