nextjs-frontend-guidelines

Standardizes Next.js 15 development with Tailwind 4 and Korean localization for projects.

1|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/lastdays03/team-standards --skill nextjs-frontend-guidelines-lastdays03
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs-frontend-guidelines
Source: https://github.com/lastdays03/team-standards/tree/main/.claude/skills/nextjs-frontend-guidelines
Command: npx skills add https://github.com/lastdays03/team-standards --skill nextjs-frontend-guidelines-lastdays03

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines and standardizes frontend development for YGS projects using Next.js 15, React 19, and Tailwind CSS 4 by providing a cohesive set of patterns, examples, and conventions.

Core Features & Use Cases

  • Server/Client component patterns, data fetching strategies, and routing guides for Next.js 15 App Router.
  • Styling and UI guidelines using shadcn/ui, Tailwind CSS 4, and Korean localization across components, admin dashboards, and forms.

Quick Start

Start by reading the component-patterns and data-fetching guides in resources and implement a small sample component following the server-first pattern.

Frequently Asked Questions about nextjs-frontend-guidelines

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

FAQPage Schema
What are the best practices for structuring Next.js 15 App Router components?

Next.js 15 App Router components should follow a server-components-first approach, prioritizing server rendering while isolating client-side interactivity. Standardizing these frontend patterns ensures TypeScript strictness and consistent routing conventions across your application.

How do I standardize data fetching strategies in Next.js 15?

To standardize data fetching in Next.js 15, apply server-side fetching patterns within your App Router components. This approach leverages React 19 conventions to streamline data loading for pages and API routes without requiring external state management.

Does this frontend guideline support Tailwind CSS 4 and shadcn/ui?

Yes, the frontend guidelines support Tailwind CSS 4 and shadcn/ui. It provides styling and UI conventions for building components, admin dashboards, and forms, ensuring cohesive design implementation across your Next.js application.

Can I use these Next.js patterns for Korean localization?

Yes, these Next.js patterns enforce Korean localization across the codebase. The guidelines include specific instructions for implementing localization within components and admin dashboards to maintain language consistency throughout your application.

What is the recommended way to build admin dashboards with Next.js 15?

The recommended way to build admin dashboards with Next.js 15 involves using server components for data fetching and shadcn/ui for the interface. This combination ensures strict TypeScript compliance and standardized UI patterns for complex administrative layouts.