nextjs-optimization

Community

Boost Next.js performance and SEO.

Authornekorush14
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill focuses on optimizing Next.js apps for performance, Core Web Vitals, and SEO through image/font optimization, caching, and code splitting.

Core Features & Use Cases

  • Image & Font Optimization: Use next/image and next/font for performance.
  • Code Splitting & Tree Shaking: Reduce bundle size with dynamic imports.
  • Caching & Revalidation: Implement ISR and cache strategies for speed.
  • SEO & Metadata: Generate metadata and sitemaps for discoverability.

Quick Start

Audit a Next.js project, implement image optimizations, split bundles, and add caching and metadata.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nextjs-optimization
Download link: https://github.com/nekorush14/dotfiles/archive/main.zip#nextjs-optimization

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository