nextjs-module-builder
OfficialBuild Next.js + Supabase modules, 40% faster.
AuthorJKKN-Institutions
Version1.0.0
Installs0
System Documentation
What problem does it solves? This skill standardizes and accelerates the creation of full-stack modules in Next.js 15 (App Router) with Supabase. It guides developers through a consistent 5-layer architecture, providing patterns and code examples for every step, drastically reducing development time and ensuring high code quality and consistency across the team.
Core Features & Use Cases
- 5-Layer Architecture: Guides through Types, Services, Hooks, Components, and Pages layers.
- Full-Stack Code Generation: Provides complete code examples for TypeScript, Supabase CRUD, React hooks, Shadcn/UI, and Next.js routing.
- Integrated Standards: Incorporates RLS policies, permission-based routing, Zod validation, and consistent error handling.
- Use Case: When tasked with building a new "Student Enrollment" module, this skill will walk you through defining the database schema, generating all necessary types, service methods, React components, and pages, ensuring it adheres to all MyJKKN development standards.
Quick Start
Create a new "Courses" module with full CRUD operations using the nextjs-module-builder skill.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: nextjs-module-builder Download link: https://github.com/JKKN-Institutions/Kenavo/archive/main.zip#nextjs-module-builder Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.