skills.rest
Burburton
BurburtonCOMMUNITY
Explore all skills by this author →
GitHub

nextjs-setup

Configure Next.js projects with routing, middleware, and configuration recommendations.

Updated Mar 22, 2026
Search Tags:#routing#middleware#setup#nextjs#app-router#server-components
One-click install
npx skills add https://github.com/Burburton/amazing-specialists --skill nextjs-setup-burburton
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjs-setup
Source: https://github.com/Burburton/amazing-specialists/tree/main/plugins/nextjs/skills/nextjs-setup
Command: npx skills add https://github.com/Burburton/amazing-specialists --skill nextjs-setup-burburton

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Next.js project setup often involves choosing routing patterns, component strategies, and config options; this skill guides developers to make correct architectural decisions and align project structure with best practices.

Core Features & Use Cases

  • Guidance on App Router vs Pages Router selection for new and migrated projects.
  • Clear recommendations for Server Components vs Client Components and data fetching strategies (Server Actions, Route Handlers).
  • Middleware, image optimization, and next.config.mjs setup recommendations to optimize performance and security.

Quick Start

Init a new Next.js project and apply recommended defaults for routing, components, middleware, and environment configuration.

Frequently Asked Questions about nextjs-setup

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

FAQPage Schema
How do I set up a Next.js project with the App Router?▼

Configure Next.js projects with App Router by applying recommended defaults for routing, component strategies, middleware, and environment configuration to align structure with best practices.

When should I use Server Components vs Client Components in Next.js?▼

Guide Server Components vs Client Components selection and data fetching strategies like Server Actions and Route Handlers to optimize Next.js performance and security.

What's the best way to configure middleware in Next.js?▼

Apply middleware setup recommendations alongside image optimization and next.config.mjs configuration to optimize Next.js performance and security.

Does this Next.js setup guidance work for migrating existing projects?▼

Guide Next.js migrations by resolving architectural questions and routing choices like App Router vs Pages Router to align existing projects with best practices.

How do I handle environment configuration and image optimization in Next.js?▼

Configure Next.js environment handling and image optimization by applying setup recommendations that validate project structure and optimize performance.

Related Skills

Explore More Software Engineering Skills→
PostHogPostHog
58

instrument-integration

Instrument PostHog SDKs across popular web and mobile frameworks with verified configuration.

Official
Advanced
BEE-CODEDBEE-CODED
1

nextjs

Enforce Next.js 15 App Router conventions for structured web application development.

Official
Intermediate
nonputtipongnonputtipong

frontend-developer

Develop React components and responsive layouts with Next.js and TypeScript.

Community
Advanced
seanmcquaidseanmcquaid
8

nextjs-app-router

Implement Next.js 14+ App Router server-side rendering with caching and deployment configurations.

Community
Advanced