# Nextjs Supabase Shadcn Pwa Cursorrules Prompt File

> Apply for nextjs-supabase-shadcn-pwa-cursorrules-prompt-file. --- description: Sets conventions for Next.js 15+ projects, including leveraging the App Router, React Server Components (RSC), SSR capabilities, and Zustand for state management. globs: **/*.js, **/*

- Skill: `tryboy869/nextjs-supabase-shadcn-pwa-cursorrules-prompt-file` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tryboy869/nextjs-supabase-shadcn-pwa-cursorrules-prompt-file`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tryboy869/nextjs-supabase-shadcn-pwa-cursorrules-prompt-file/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: Tryboy869 (https://skillmd.com/u/tryboy869)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/tryboy869/nextjs-supabase-shadcn-pwa-cursorrules-prompt-file

---


# nextjs-supabase-shadcn-pwa-cursorrules-prompt-file

---
description: Sets conventions for Next.js 15+ projects, including leveraging the App Router, React Server Components (RSC), SSR capabilities, and Zustand for state management.
globs: **/*.js, **/*.jsx, **/*.ts, **/*.tsx
---
- Target **Next.js 15+** and leverage the App Router, React Server Components (RSC), and SSR capabilities.
- Use Zustand for state management in client components when necessary.
- Maintain proper Shadcn UI management using `npx shadcn@latest add` for new components.
- Follow a mobile-first approach and responsive design patterns.
- Emphasize server-side logic, minimizing the usage of `use client` and other client-only APIs.
- Structure project as Progressive Web App (PWA) with offline capabilities, app-like experience, and installability across devices.