nextjs

Enforce standardized Next.js project structure with feature-first organization.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Alpha-Innovation-Labs/opennexus --skill nextjs-alpha-innovation-labs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs
Source: https://github.com/Alpha-Innovation-Labs/opennexus/tree/main/.nexus/ai_harness/rules/nextjs
Command: npx skills add https://github.com/Alpha-Innovation-Labs/opennexus --skill nextjs-alpha-innovation-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a unified, opinionated blueprint for organizing Next.js projects, reducing cognitive load and ensuring consistent project layouts across teams.

Core Features & Use Cases

  • Enforces feature/domain-first organization in Next.js apps, with guidelines for app, pages, features, entities, and shared modules.
  • Mandates internal navigation with next/link and Tailwind CSS v4 usage, and sets project-wide logging and testing requirements.
  • Use Case: When starting a new Next.js project or refactoring an existing one, apply these rules to align structure, routing, styling, and testing discipline.

Quick Start

Follow these rules to begin organizing a Next.js project: apply a feature-first folder layout under apps/web/src and ensure internal links use next/link.

Frequently Asked Questions about nextjs

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

FAQPage Schema
How do I standardize Next.js project structure across my team?

Next.js project structure standardization uses a feature/domain-first organization across app, pages, features, entities, and shared modules. This approach reduces cognitive load and ensures consistent layouts by applying a unified blueprint for directory organization.

What is feature/domain-first organization in a Next.js app?

Feature/domain-first organization structures a Next.js app by grouping code around business domains rather than technical roles. It mandates specific directories for app, pages, features, entities, and shared modules to align project layout and routing discipline.

How do I set up Tailwind CSS v4 and internal navigation in Next.js?

Tailwind CSS v4 setup and internal navigation require mandating Tailwind v4 for styling and next/link for internal links. These rules are applied alongside feature-first folder layouts to maintain strict project structure consistency during code changes.

Does this Next.js standardization blueprint include testing and logging requirements?

This Next.js standardization blueprint includes mandatory project-wide e2e-testing rules and enforces server-side logging to a local logs/ directory. These requirements ensure complete structural and testing discipline across the repository during app code changes.

Can I use this Next.js structure standardization for refactoring an existing project?

Yes, you can use this Next.js structure standardization for refactoring an existing project. Applying these rules to existing code aligns structure, routing, styling, and testing discipline, or provides a blueprint when starting new Next.js projects.