skills.rest
fratilanico
fratilanicoCOMMUNITY
Explore all skills by this author →
Website𝕏@nicofratilaGitHub

nextjs-master

Build and refactor Next.js 14+ App Router applications with Server Components and TypeScript patterns.

7|1|Updated Feb 14, 2026
Search Tags:#typescript#performance#routing#supabase#nextjs#app-router#server-components
One-click install
npx skills add https://github.com/fratilanico/apex-os-bad-boy --skill nextjs-master
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjs-master
Source: https://github.com/fratilanico/apex-os-bad-boy/tree/main/nextjs-master
Command: npx skills add https://github.com/fratilanico/apex-os-bad-boy --skill nextjs-master

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building and refactoring Next.js 14+ App Router projects can be complex due to server components, TS pattern consistency, and performance optimization. This Skill provides a structured approach to architect, implement, and optimize modern Next.js apps.

Core Features & Use Cases

  • Establish server component-first conventions and app router structure.
  • Provide TypeScript patterns for dynamic routes, server actions, and data fetching.
  • Integrate with Supabase and performance best practices across rendering and routing.

Quick Start

Initialize or refactor a Next.js 14+ App Router project to follow the recommended conventions for server components, app routing, and performance.

Frequently Asked Questions about nextjs-master

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

FAQPage Schema
How do I structure Next.js 14 App Router projects with server components by default?▼

Structure Next.js 14 App Router projects by establishing server component-first conventions, applying file-based routing rules, and defining client-server boundaries to deliver scalable, maintainable apps.

What's the best way to use TypeScript patterns for dynamic routes and server actions in Next.js?▼

The best way to implement TypeScript patterns in Next.js is by applying structured types to dynamic routes, server actions, and data fetching to ensure consistency and maintainability.

Can I integrate Supabase with Next.js server components for data fetching?▼

Yes, you can integrate Supabase with Next.js server components by following specific patterns for data fetching and routing that align with the App Router architecture.

How do I optimize performance in a Next.js App Router application?▼

Optimize Next.js App Router performance by applying best practices across rendering, routing, and the client-server boundary to reduce latency and improve load times.

Does this approach work for refactoring existing Next.js applications to the App Router?▼

Yes, this approach works for refactoring existing Next.js applications by enforcing file-based routing rules, server actions, and server component conventions to migrate to the App Router architecture.

Related Skills

Explore More Software Engineering Skills→
School-Agent-IncSchool-Agent-Inc
1

web-builder

Scaffold Next.js/React websites with App Router, TypeScript, and Tailwind CSS.

Official
Intermediate
hainamchunghainamchung
54

nextjs-developer

Build Next.js 14+ applications with App Router and server components.

Community
Advanced
JaylaelikeJaylaelike

supabase-nextjs

Configure Next.js App Router projects with Supabase authentication and Drizzle ORM.

Community
Intermediate
hoainam183hoainam183

sveltekit

Create full-stack SvelteKit applications with file-based routing and server-side rendering.

Community
Advanced