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

0•

API Development

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

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

01Standardized Next.js 15 App Router directory structure

02Middleware patterns for authentication and request handling

03Optimized image configuration for remote and local assets

04Comprehensive next.config.ts templates with security headers

05Deployment-ready configurations for Standalone (Docker) and Static Export

060 GitHub stars

Use Cases

01Scaffolding a professional Next.js 15 project structure with TypeScript

02Implementing custom security headers and middleware logic

03Optimizing build processes for CI/CD pipelines and containerization

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ivantorresedge/molcajete.ai nextjs-configuration

For use in Claude.ai and ChatGPT

Download Skill