nextjs

Build Next.js applications with App Router, server rendering, and deployment workflows.

8|1|Updated Feb 28, 2026
One-click install
npx skills add https://github.com/belos-street/skill-kit --skill nextjs-belos-street
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs
Source: https://github.com/belos-street/skill-kit/tree/main/skills/nextjs
Command: npx skills add https://github.com/belos-street/skill-kit --skill nextjs-belos-street

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides concise, structured guidance that reduces the friction of building, organizing, and deploying Next.js applications by clarifying routing, rendering, data fetching, performance, and security trade-offs.

Core Features & Use Cases

  • App Router & Layouts: Patterns for nested layouts, route groups, and segment-level loading/error handling to organize large apps.
  • Rendering & Data Fetching: Practical guidance on SSR, SSG, ISR, server components, client components, parallel fetching, and revalidation strategies.
  • API, Performance & Deployment: How to implement API route handlers, middleware, image/font optimization, and deploy to Vercel, Docker, or static hosts.
  • Use Case: Build a multi-section marketing + blog application using the App Router with server components for SEO-sensitive pages and client components for interactive widgets.

Quick Start

Create a new Next.js project with TypeScript and Tailwind using the official create-next-app template and start the development server.

Frequently Asked Questions about nextjs

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

FAQPage Schema
How do I structure a Next.js app with nested layouts and route groups?

Structure a Next.js app using App Router patterns for nested layouts, route groups, and segment-level loading or error handling to organize large applications efficiently.

When should I use server components versus client components in Next.js?

Use server components for SEO-sensitive pages and client components for interactive widgets, applying practical guidance on rendering strategies and data fetching to optimize performance.

How do I choose between SSR, SSG, and ISR for data fetching in Next.js?

Choose between SSR, SSG, and ISR by evaluating practical guidance on parallel fetching and revalidation strategies to match your application's rendering and performance requirements.

What is the best way to deploy a Next.js application to Docker or Vercel?

Deploy a Next.js application to Vercel or Docker by following secure deployment workflows that incorporate middleware, image and font optimization, and security best practices.

Does Next.js support API route handlers and middleware for edge processing?

Next.js supports implementing API route handlers and middleware, enabling edge processing, secure routing, and optimized data fetching within your App Router architecture.