Can I use this skill to configure Docker deployments?

Yes, it includes specific configurations for 'standalone' output mode and provides Dockerfile templates optimized for Next.js 15.

Does it support image optimization for external sources?

Yes, it provides implementation patterns for Remote Patterns in the image configuration to safely optimize images from external CDNs and domains.

Does this skill support the legacy Pages Router?

This skill focuses on the modern App Router architecture introduced in Next.js 13+, though many core configuration settings in next.config.ts remain relevant for both.

How does it handle application security?

The skill provides comprehensive templates for security headers, including Content Security Policy (CSP), X-Frame-Options, and HSTS, ensuring your app follows web security best practices.

Next.js Configuration & Architecture

Name: Next.js Configuration & Architecture
Author: IvanTorresEdge

byIvanTorresEdge

API Development

Configures Next.js 15 projects using the App Router, implementing best practices for performance, security, and deployment.

About

This skill provides a comprehensive framework for setting up and maintaining Next.js 15 applications with a focus on the modern App Router architecture. It offers standardized patterns for project structure, next.config.ts optimization, middleware implementation, and secure API route handlers. By adhering to the 'conventions over configuration' principle, this skill helps Claude generate production-ready code that includes advanced features like image optimization, typed routes, security headers, and specialized build outputs for Docker or static hosting.

Key Features

Standardized Next.js 15 App Router directory structure
Middleware patterns for authentication and request handling
Optimized image configuration for remote and local assets
Comprehensive next.config.ts templates with security headers
Deployment-ready configurations for Standalone (Docker) and Static Export
0 GitHub stars

Use Cases

Scaffolding a professional Next.js 15 project structure with TypeScript
Implementing custom security headers and middleware logic
Optimizing build processes for CI/CD pipelines and containerization

About

Key Features

Standardized Next.js 15 App Router directory structure
Middleware patterns for authentication and request handling
Optimized image configuration for remote and local assets
Comprehensive next.config.ts templates with security headers
Deployment-ready configurations for Standalone (Docker) and Static Export
0 GitHub stars

Use Cases

Scaffolding a professional Next.js 15 project structure with TypeScript
Implementing custom security headers and middleware logic
Optimizing build processes for CI/CD pipelines and containerization