skills.rest
JKKN-Institutions
JKKN-InstitutionsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

project-structure

Explain 5-layer architecture for structuring JKKN COE Next.js projects.

Updated Mar 17, 2026
Search Tags:#typescript#architecture#rbac#nextjs#app-router#project-structure
One-click install
npx skills add https://github.com/JKKN-Institutions/rr_builders_roja --skill project-structure-jkkn-institutions
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: project-structure
Source: https://github.com/JKKN-Institutions/rr_builders_roja/tree/main/.claude/skills/coe-project-structure
Command: npx skills add https://github.com/JKKN-Institutions/rr_builders_roja --skill project-structure-jkkn-institutions

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JKKN COE projects often suffer from inconsistent folder structures, unclear module boundaries, and onboarding friction. This skill provides a standardized blueprint to organize repositories following a 5-layer architecture and Next.js 15 App Router conventions.

Core Features & Use Cases

  • 5-layer architecture guidance: Types → Services → Hooks → Components → Pages to structure COE modules.
  • Folder conventions & naming: kebab-case directories, descriptive module boundaries, RBAC readiness.
  • Scaffolding & onboarding: Quick start templates for new entity modules and consistent navigation.

Quick Start

Organize a new COE module following the 5-layer architecture and Next.js 15 App Router conventions.

Frequently Asked Questions about project-structure

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a Next.js app router project for scalability?▼

Structure a Next.js app router project using a 5-layer architecture: Types, Services, Hooks, Components, and Pages. This defines clear module boundaries and directory conventions for scalable, maintainable applications.

What is the 5-layer architecture for TypeScript projects?▼

The 5-layer architecture for TypeScript projects organizes code into Types, Services, Hooks, Components, and Pages. It enforces strict TypeScript typings and server components by default to standardize module creation.

How do I scaffold a new module with Next.js 15 app router conventions?▼

Scaffold a new module by applying kebab-case directory naming and placing files according to the 5-layer architecture. This ensures RBAC readiness and RESTful API structure for consistent onboarding.

Does the Next.js app router structure support RBAC considerations?▼

Yes, the Next.js app router structure supports RBAC considerations. The standardized folder conventions and module boundaries are designed specifically with RBAC readiness to manage access control.

When do I need a standardized folder structure for my Next.js codebase?▼

You need a standardized folder structure when your Next.js codebase suffers from inconsistent organization, unclear module boundaries, or onboarding friction. A defined architecture ensures clear navigation and maintainable growth.

Related Skills

Explore More Software Engineering Skills→
Svenja-devSvenja-dev
38

strict-typescript-mode

Enforce explicit types and strict compiler options in TypeScript projects.

Community
Intermediate
Rub-gitRub-git

n8n:protect-endpoints

Enforce role-based access control on RESTful endpoints with access scope decorators.

Community
Intermediate
lorenamelladolorenamellado

feature-workflow

Coordinate type definitions, validation schemas, API services, hooks, UI components, and tests for feature implementation.

Community
Advanced
unerueunerue

feature-sliced-design

Implement Feature-Sliced Design v2.1 architecture for Next.js App Router projects.

Community
Advanced