nextjs_optimization_guide

Performance optimization techniques for Next.js 14+ applications.

Content Preview
# Next.js Optimization Guide

Performance optimization techniques for Next.js 14+ applications.

---

## Table of Contents

- [Rendering Strategies](#rendering-strategies)
- [Image Optimization](#image-optimization)
- [Code Splitting](#code-splitting)
- [Data Fetching](#data-fetching)
- [Caching Strategies](#caching-strategies)
- [Bundle Optimization](#bundle-optimization)
- [Core Web Vitals](#core-web-vitals)

---

## Rendering Strategies

### Server Components (Default)

Server Components rend
How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/nextjs_optimization_guide.md \
  https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/senior-frontend/references/nextjs_optimization_guide.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/alirezarezvani/claude-skills

Then reference at engineering-team/senior-frontend/references/nextjs_optimization_guide.md

Related Skills