- 针对 Next.js 15+ 并利用 App Router、React 服务器组件 (RSC) 和 SSR 功能。
- 在必要时在客户端组件中使用 Zustand 进行状态管理。
- 使用
npx shadcn@latest add为新组件维护适当的 Shadcn UI 管理。 - 遵循移动优先方法和响应式设计模式。
- 强调服务器端逻辑，最小化
use client和其他仅客户端 API 的使用。 - 将项目构建为渐进式 Web 应用 (PWA)，具有离线功能、类似应用的体验和跨设备可安装性。
Nextjs Supabase Next JS 15 Conventions
为 Next.js 15+ 项目设置约定，包括利用 App Router、React 服务器组件 (RSC)、SSR 功能和 Zustand 进行状态管理。
liaosw97
Updated Nextjs Supabase Next JS 15 Conventions by liaosw97 · 00297b4
npx skillmds@latest add liaosw97/nextjs-supabase-next-js-15-conventions File contents
---name: nextjs-supabase-next-js-15-conventionsdescription: 为 Next.js 15+ 项目设置约定，包括利用 App Router、React 服务器组件 (RSC)、SSR 功能和 Zustand 进行状态管理。---- 针对 **Next.js 15+** 并利用 App Router、React 服务器组件 (RSC) 和 SSR 功能。- 在必要时在客户端组件中使用 Zustand 进行状态管理。- 使用 `npx shadcn@latest add` 为新组件维护适当的 Shadcn UI 管理。- 遵循移动优先方法和响应式设计模式。- 强调服务器端逻辑，最小化 `use client` 和其他仅客户端 API 的使用。- 将项目构建为渐进式 Web 应用 (PWA)，具有离线功能、类似应用的体验和跨设备可安装性。
liaosw97/awesome-rules-skills/tree/main/plugins/nextjs/skills/nextjs-supabase-next-js-15-conventions commit 00297b4d18
Frequently asked questions
Run npx skillmds@latest add liaosw97/nextjs-supabase-next-js-15-conventions in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
为 Next.js 15+ 项目设置约定，包括利用 App Router、React 服务器组件 (RSC)、SSR 功能和 Zustand 进行状态管理。 It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
liaosw97 (@liaosw97) published this skill. Their other Agent Skills are listed on their SkillMD profile.