Skills
.Work. You
Rest

writing-nextjs

Community

Build robust Next.js Pages Router apps.

Software Engineering#performance#web development#frontend#react#nextjs#seo
Authoranthony-fdez
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures adherence to best practices and patterns for building Next.js applications using the Pages Router, optimizing for performance, SEO, and maintainability.

Core Features & Use Cases

  • Page Structure: Enforces standard directory and file organization within the pages/ directory.
  • Data Fetching: Guides the use of getStaticProps with ISR for performance and getServerSideProps only when necessary.
  • SEO & Meta Tags: Implements best practices for Head component usage, including titles, descriptions, and Open Graph tags.
  • Error Handling: Details custom 404 pages and the use of Error Boundaries.
  • Performance: Recommends lazy loading components and optimizing images with next/image.
  • Internationalization: Provides patterns for handling translations and locale-specific routing.
  • Use Case: When developing a new page in a Next.js application, this skill will guide you to correctly implement data fetching, SEO meta tags, and ensure the page is performant.

Quick Start

Use the writing-nextjs skill to create a new page with optimized data fetching and SEO meta tags.

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: writing-nextjs
Download link: https://github.com/anthony-fdez/claude-skills/archive/main.zip#writing-nextjs

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

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.