skills.rest
mattwoodco
mattwoodcoCOMMUNITY
Explore all skills by this author →
Website𝕏@mattwoodcoGitHub

add-seo

Implement SEO for Next.js projects using built-in metadata APIs and file conventions.

3|Updated Feb 14, 2026
Search Tags:#next.js#metadata#sitemap#seo#open graph#robots.txt
One-click install
npx skills add https://github.com/mattwoodco/skills --skill add-seo-mattwoodco
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-seo
Source: https://github.com/mattwoodco/skills/tree/main/skills/add-seo
Command: npx skills add https://github.com/mattwoodco/skills --skill add-seo-mattwoodco

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the process of implementing comprehensive Search Engine Optimization (SEO) for Next.js projects without requiring any external dependencies.

Core Features & Use Cases

  • Metadata API Integration: Leverages Next.js's built-in metadata API for titles, descriptions, and Open Graph tags.
  • Dynamic Sitemaps & Robots.txt: Automatically generates sitemap.ts and robots.ts files for improved search engine crawling.
  • Dynamic Open Graph Images: Creates dynamic Open Graph images using next/og for social media sharing.
  • Use Case: You've just launched a new Next.js blog and need to ensure it's discoverable by search engines and looks great when shared on social media. This skill will set up all the necessary SEO configurations.

Quick Start

Use the add-seo skill to set up comprehensive SEO for your Next.js project.

Frequently Asked Questions about add-seo

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

FAQPage Schema
How do I add SEO to a Next.js project without external dependencies?▼

You can add SEO to a Next.js project by leveraging the built-in metadata API to configure titles, descriptions, and Open Graph tags, and by using file conventions like sitemap.ts and robots.ts to manage crawling without external dependencies.

What is the best way to generate dynamic sitemaps and robots.txt in Next.js?▼

The best way to generate dynamic sitemaps and robots.txt is by implementing the sitemap.ts and robots.ts file conventions provided by Next.js, which automatically create these files for improved search engine crawling.

How does dynamic Open Graph image generation work for social sharing?▼

Dynamic Open Graph image generation works by using the next/og module to create custom images on the fly, ensuring your web pages look great and display correctly when shared on social media platforms.

Can I configure both static and dynamic metadata per page in Next.js?▼

Yes, you can configure both static and dynamic metadata per page in Next.js by utilizing the framework's built-in metadata API to generate specific page-level SEO configurations as needed.

Do I need external SEO libraries to set up Open Graph tags and sitemaps?▼

No, you do not need external SEO libraries to set up Open Graph tags and sitemaps because Next.js provides built-in metadata APIs and file conventions to handle comprehensive SEO configuration natively.

Related Skills

Explore More Software Engineering Skills→
AratKruglikAratKruglik
9

nextjs-conventions

Standardize Next.js App Router project structure, routing, and metadata conventions.

Community
Intermediate
aryankumarraiaryankumarrai

repl-seo-optimizer

Review and optimize Replit application code for SEO discoverability and performance.

Community
Intermediate
PP-NamiasPP-Namias
2

performance-auditing

Automate website performance audits with Lighthouse and Core Web Vitals tracking.

Community
Advanced
AradotsoAradotso
8

r16-voltagent-seo-content-marketing-agent-skills

Automate SEO and content marketing processes using Python and third-party APIs.

Official
Advanced