nextjs-setup

Name: nextjs-setup
Availability: InStock
Author: burburton

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

Updated Mar 22, 2026

Search Tags:#routing #middleware #setup #nextjs #app-router #server-components

Ready to run

npx skills add https://github.com/Burburton/amazing-specialists --skill nextjs-setup-burburton

💬 Prompt for ChatGPT / Claude Chat▼

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.