senternet-site-seo-blog

Adds a prerendered SEO blog with post routes, sitemap entries, and share images to React or Next.js sites.

Updated May 8, 2026
One-click install
npx skills add https://github.com/MattSenter/senternet-site-skills --skill senternet-site-seo-blog-mattsenter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: senternet-site-seo-blog
Source: https://github.com/MattSenter/senternet-site-skills/tree/main/.claude/skills/senternet-site-seo-blog
Command: npx skills add https://github.com/MattSenter/senternet-site-skills --skill senternet-site-seo-blog-mattsenter

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires sharp, react-router-dom.

What problem does it solve? Marketing sites built as single-page apps lack indexable content pages, so they cannot rank in organic search. This Skill adds a fully prerendered blog section where every post gets its own static HTML route, sitemap entry, structured data, and social share image. ## Core Features & Use Cases - Prerendered Blog Architecture: Creates a blog index page, individual post components, and tag/topic index pages wired into React Router or Next.js App Router with generateStaticParams and generateMetadata. - SEO Infrastructure: Adds sitemap.xml entries, Schema.org Article JSON-LD, canonical URLs, Open Graph tags, and programmatically generated share images via Sharp scripts. - Auto-Publishing Control Plane: Defines a scheduled routine that writes posts, deploys them, verifies the URL is live with a verify-live script, and announces it on Buffer (X, LinkedIn, Facebook) with correct per-platform image attachment rules. - Use Case: A SaaS marketing site needs organic traffic. Run this Skill to scaffold a /blog section with a first post, prerendered routes, sitemap entries, and a share image, then set up the automated publish-and-announce routine. ## Quick Start Ask the AI to add an SEO blog at /blog to the site with a first prerendered post, sitemap entry, and share image.

Frequently Asked Questions about senternet-site-seo-blog

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

FAQPage Schema
How do I add an SEO blog to a React single-page app?▼

Create a blog index component and one component per post, register routes in App.tsx, add each route to the prerender script's ROUTES array, and add URLs to sitemap.xml. Each post needs MetaTags with a unique title, description, and share image.

How do I prerender blog posts in Next.js App Router?▼

Create app/blog/[slug]/page.tsx and export generateStaticParams so every post renders at build time. Export generateMetadata per post for title, canonical, and OG image, and feed app/sitemap.ts from the same post list.

Why does my SPA blog post show the wrong social share card?▼

A single-page app returns HTTP 200 with the homepage og:image for any URL before the page exists, so scrapers cache the wrong card. Gate announcements on a verify-live check that confirms the page returns its own canonical, og:url, and fetchable og:image.

How do I attach an image to a LinkedIn post via the Buffer API?▼

Pass the share image as a native image asset in the assets array with an absolute PNG or JPG URL, and put the post URL in the text. Do not use metadata.linkedin.linkAttachment, which renders a bare link card without an image.

What SEO requirements should each blog post meet?▼

Each post needs a unique title, a 150-160 character description, one H1 matching the title, Article JSON-LD, a time element with datetime, 400+ words, descriptive image alt text, internal links to related posts, and an updated sitemap lastmod.