skills.rest
SonPaier
SonPaierCOMMUNITY
Explore all skills by this author →
GitHub

nextjs-seo

Optimize Next.js applications for search engines with metadata, sitemaps, and robots.txt.

Updated Aug 23, 2026
Search Tags:#web vitals#next.js#metadata#sitemap#seo#robots.txt
One-click install
npx skills add https://github.com/SonPaier/carfect --skill nextjs-seo-sonpaier
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjs-seo
Source: https://github.com/SonPaier/carfect/tree/main/.claude/skills/nextjs-seo
Command: npx skills add https://github.com/SonPaier/carfect --skill nextjs-seo-sonpaier

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide to optimizing Next.js applications for search engines, ensuring better visibility and indexing.

Core Features & Use Cases

  • Metadata Optimization: Implement titles, descriptions, Open Graph, and Twitter cards effectively.
  • Sitemap & Robots.txt: Configure essential files for search engine crawlers.
  • Core Web Vitals: Understand and improve performance metrics for SEO.
  • Use Case: You've built a new Next.js e-commerce site and need to ensure all product pages are discoverable by Google, have rich snippets, and load quickly.

Quick Start

Use the nextjs-seo skill to audit the robots.txt file for your site.

Frequently Asked Questions about nextjs-seo

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement dynamic metadata for Next.js App Router pages?▼

Next.js metadata implementation uses the App Router to generate static and dynamic titles, descriptions, and Open Graph tags. This approach ensures search engines correctly index content by defining metadata objects directly within your page files for dynamic generation.

How do I configure sitemap and robots.txt in a Next.js application?▼

Configuring sitemap and robots.txt in Next.js involves generating essential files for search engine crawlers. This Skill provides detailed configuration guidance to ensure crawlers can properly access and index your website's pages without encountering blocking rules.

What is the best way to improve Core Web Vitals for Next.js SEO?▼

Improving Core Web Vitals for Next.js SEO targets performance metrics crucial for search ranking. This guide explains how to understand and optimize these loading metrics, ensuring your website meets Google's performance thresholds for better visibility.

Can I use Next.js App Router features for technical SEO on an e-commerce site?▼

Next.js App Router features effectively support technical SEO for e-commerce sites by enabling dynamic metadata generation. This ensures product pages are discoverable by Google, load quickly, and can display rich snippets in search results.

Why does my Next.js metadata not show up in search engine results?▼

Next.js metadata might not appear in search results due to incorrect App Router implementation or missing sitemap configurations. This Skill helps audit your setup, ensuring titles, descriptions, and Open Graph tags are properly generated and accessible.

Related Skills

Explore More Software Engineering Skills→
ColdstartLabs-caColdstartLabs-ca

nextjs-app-router

Implement Next.js 15 App Router patterns for routes, API endpoints, and components.

Official
Intermediate
ClawLink-HQClawLink-HQ
117

google-search-console-seo

Query Google Search Console API for SEO analytics and indexing status.

Official
Intermediate
RepairYourTechRepairYourTech
6

web-performance-optimization

Analyze website loading speed and Core Web Vitals to identify performance bottlenecks.

Community
Advanced
dloschiavodloschiavo

sitemap

Generate XML sitemaps and robots.txt files for Next.js App Router sites.

Community
Intermediate