带有该标签的 Skills：nextjs

• auth - Next.js 应用程序身份验证集成指南

  身份验证认证nextjsclerk

  ★ 0 · 更新于 2026-09-24

  提供适用于 Next.js 应用的 Clerk、Descope 与 Auth0 身份验证集成指南。

  ⚙ 配置中间件身份验证模式⚙ 集成 Clerk SDK⚙ 集成 Descope SDK
• web-seo-aeo-geo-google-naver - 面向 Google 与 Naver 的 Next.js SEO/AEO/GEO 优化

  seoaeogeonextjs

  ★ 41 · 更新于 2026-09-24

  为 Next.js App Router 应用实现 Google 与 Naver 的 SEO、AEO 和 GEO 优化，包括结构化数据与动态 OG 图像。

  ⚙ 配置 sitemap 与 robots 路由⚙ 设置站点验证令牌⚙ 生成页面元数据与 OG 图像
• zustand - 面向 React SPA Vite 与 Next.js 项目的 Zustand 状态管理技能。

  reactzustand状态管理vite

  ★ 0 · 更新于 2026-09-24

  为 React SPA Vite 和 Next.js 项目添加、配置、初始化或重构 Zustand 状态库、类型化选择器、Vanilla Store 工厂及客户端 Context Provider。

  ⚙ 检测 React 目标框架⚙ 安装 zustand 依赖包⚙ 创建类型化 Zustand 状态模块
• gpt-home-seo - GPT Home 项目的 SEO 优化与实施指南

  搜索引擎优化Next.js结构化数据站点地图

  ★ 0 · 更新于 2026-09-23

  为 GPT Home 自主 AI 主页项目提供 SEO 优化、结构化数据、robots.txt、站点地图及内容策略。

  ⚙ 提供结构化数据代码⚙ 生成 robots.txt 配置⚙ 实现 Next.js 站点地图
• motion-dev-animations - 面向 Web 框架的 Motion.dev GPU 动画生成器

  motionframer-motion动画react

  ★ 102 · 更新于 2026-09-23

  为 React、Next.js、Svelte 及 Astro 项目生成带有无障碍与性能验证的 Motion.dev GPU 加速动画代码。

  ⚙ 生成入场动画⚙ 实现手势交互处理⚙ 创建滚动关联动画
• frontend-design-ultimate - 基于文本需求创建生产级静态网站。

  前端开发ReactTailwind CSSshadcn/ui

  ★ 0 · 更新于 2026-09-23

  根据纯文本需求，使用 React、Tailwind CSS 和 shadcn/ui 创建静态网站和 Web UI，支持 Vite 和 Next.js 工作流。

  ⚙ 根据文本生成静态网页UI⚙ 初始化 Vite 项目⚙ 初始化 Next.js 项目
• mapbox-web-integration-patterns - 主流 Web 框架的 Mapbox GL JS 集成范式

  mapboxmapbox-gl-jsreactvue

  ★ 0 · 更新于 2026-09-23

  提供 Mapbox GL JS 在 React、Vue、Svelte、Angular 及 Next.js 等框架中的集成范式，涵盖生命周期、Token、搜索及常见错误。

  ⚙ 集成 Mapbox GL JS 到框架⚙ 管理地图生命周期与清理⚙ 安全配置 Mapbox 访问令牌
• drizzle-orm-expert - 使用 Drizzle ORM 进行类型安全的数据库设计与查询

  drizzle-ormtypescript数据库orm

  ★ 1 · 更新于 2026-09-23

  为 TypeScript 应用提供 Drizzle ORM 的 Schema 设计、关系查询编写、Drizzle Kit 迁移管理及 Serverless 数据库集成支持。

  ⚙ 设计类型安全的数据库 Schema⚙ 构建类 SQL 与关系型查询⚙ 配置 Drizzle Kit 数据库迁移
• frontend-design-zh - 根据文本需求使用 React 和 Tailwind CSS 创建静态网站

  前端设计ReactTailwind CSSshadcn/ui

  ★ 55 · 更新于 2026-09-23

  根据文本需求使用 React、Tailwind CSS 和 shadcn/ui 生成生产级静态网站，支持 Vite 和 Next.js 工作流。

  ⚙ 生成静态网站代码⚙ 实现移动优先响应式布局⚙ 配置 Vite 和 Next.js 工作流
• next-v16 - Next.js 16 App Router 开发与代码库重构最佳实践

  nextjsapp-routerreact-19typescript

  ★ 89 · 更新于 2026-09-22

  提供 Next.js 16 App Router 缓存、服务端组件、路由、proxy.ts 及代码库审查与重构的最佳实践。

  ⚙ 配置 Next.js 16 缓存模型⚙ 构建服务端组件与 Actions⚙ 设置 proxy.ts 网络边界
• react-best-practices - Next.js 与 React 性能专家

  reactnextjs性能优化

  ★ 0 · 更新于 2026-09-22

  提供来自 Vercel Engineering 的 Next.js 与 React 性能优化指南。

  ⚙ 消除数据获取瀑布流⚙ 优化代码打包体积⚙ 优化服务端渲染性能
• project-guidelines-example - 项目规范与架构示例指南

  项目规范系统架构fastapinextjs

  ★ 2 · 更新于 2026-09-22

  提供项目的架构概览、代码模式、测试流程、部署步骤及开发规范指南。

  ⚙ 提供项目架构与目录结构⚙ 定义接口与前端代码模式⚙ 规范测试与部署工作流
• clerk-reference-architecture - Clerk 身份验证参考架构模式

  clerk身份验证架构nextjs

  ★ 0 · 更新于 2026-09-21

  提供用于 Next.js、微服务、多租户 SaaS 和移动平台的 Clerk 身份验证参考架构模式与代码。

  ⚙ 设计 Next.js 全栈身份验证架构⚙ 实现微服务共享身份验证模式⚙ 配置多租户 SaaS 身份验证
• next-cache-components - 配置 Next.js 16 Cache Components 与 PPR

  nextjs缓存pprreact

  ★ 0 · 更新于 2026-09-21

  在 Next.js 16+ 中配置部分预渲染以及 use cache、cacheLife、cacheTag 和 updateTag 缓存指令。

  ⚙ 在配置中启用 Cache Components⚙ 使用 cacheLife 配置缓存生命周期⚙ 使用 cacheTag 标记缓存条目
• zod-validation-expert - 基于 Zod 的 TypeScript Schema 校验与类型推导。

  zodtypescriptschema校验类型推导

  ★ 2 · 更新于 2026-09-21

  提供基于 Zod 的 TypeScript Schema 解析、自定义错误处理、类型推导及与 React Hook Form 和 Next.js 的集成能力。

  ⚙ 定义 TypeScript 校验 Schema⚙ 从 Schema 推导 TypeScript 类型⚙ 解析并校验输入数据
• jikime-framework-nextjs@15 - Next.js 15 升级指南与 Breaking Changes 迁移

  框架nextjs版本异步参数

  ★ 5 · 更新于 2026-09-21

  Next.js 15 升级指南，涵盖从 14 版本升级的破坏性变更、异步参数、fetch 缓存更改及 Turbopack 支持。

  ⚙ 迁移 Next.js 14 项目⚙ 将路由参数转换为异步 Promise⚙ 配置显式 fetch 缓存策略
• web-frameworks - 使用 Next.js 与 Turborepo 构建 Web 应用

  nextjsturboreporemixiconmonorepo

  ★ 650 · 更新于 2026-09-21

  提供使用 Next.js、Turborepo Monorepo 和 RemixIcon 构建 Web 应用的指南与模式。

  ⚙ 构建全栈 Web 应用⚙ 搭建 Turborepo Monorepo⚙ 实现服务端渲染
• tanstack-query-expert - React 与 Next.js 的 TanStack Query 状态管理专家

  tanstack-queryreact-queryreactnextjs

  ★ 0 · 更新于 2026-09-20

  提供 TanStack Query 异步状态管理、声明式数据获取、缓存失效、乐观 UI 更新与 Next.js App Router 集成方案。

  ⚙ 声明式获取异步数据⚙ 设计基于数组的查询键工厂⚙ 配置过期时间与重试规则
• vitest-dev - 面向 TypeScript 和 Next.js 的 Vitest 测试工程

  vitest测试typescriptnextjs

  ★ 2 · 更新于 2026-09-20

  在 TypeScript 和 Next.js 项目中生成高效且低误报的 Vitest 测试套件，并优化本地 DX 与 CI 吞吐量。

  ⚙ 创建 Vitest 配置文件⚙ 编写单元与组件测试⚙ 优化本地及 CI 性能
• javascript-typescript-typescript-scaffold - 脚手架化生产级 TypeScript 项目。

  typescript脚手架nextjsvite

  ★ 4 · 更新于 2026-09-20

  生成包含 pnpm、Vite、Next.js、类型安全、测试设置和配置的完整 TypeScript 项目结构。

  ⚙ 分析项目类型需求⚙ 使用 pnpm 初始化项目⚙ 生成 Next.js 项目结构

Scroll to load more