kostja94 avatar

Rendering Strategies

Helps you pick and optimize rendering strategies for SEO, covering SSG, SSR, ISR, CSR, and dynamic rendering. The core insight here is solid: AI crawlers like GPTBot and ClaudeBot don't execute JavaScript, so they need content in the initial HTML or they see nothing. It walks through when to use each method (SSG for blogs, SSR for dynamic content, CSR only when you don't need SEO) and covers component-level concerns like tabs and carousels that need server-side rendering to be crawlable. If you're building anything public-facing and wrestling with JavaScript rendering versus crawler visibility, this gives you the decision framework and implementation patterns you actually need.

skills.sh installs
1K
GitHub stars
1.1K
last updated
Aug 21, 2026

Install

$ npx -y skills add kostja94/marketing-skills --skill rendering-strategies --agent claude-code

Installs into .claude/skills of the current project.

Files

SEO Technical: Rendering Strategies

Guides rendering strategy selection and optimization for search engine and AI crawler visibility. Golden rule: Page data and metadata must be available on page load without JavaScript execution for optimal SEO.

When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.

Scope (Technical SEO)

  • Static vs dynamic: SSG, SSR, ISR, CSR; when to use each
  • Crawler behavior: Googlebot renders JS (with delays); AI crawlers do not
  • Component-level: Content in initial HTML; tabs, carousels, nav
  • Dynamic rendering: Prerender for bots when full SSR/SSG is not feasible

Rendering Methods

Sponsors

Details

Repository
github.com/kostja94/marketing-skills
Categories
Frontend Development, Backend & APIs, Marketing & SEO
First seen
May 16, 2026

More from kostja94/marketing-skills

All 172
1forcedotcom avatarapplying-sldsforcedotcom/sf-skillsApply SLDS-compliant UI using the correct blueprints, styling hooks, utility classes, and icons. Use when building any UI that needs SLDS, choosing between Ligh1Kskills.sh installs
2vercel avatarnext-best-practicesvercel/nextjs-skillsnext best practices1Kskills.sh installs
3zeke avatarswiss-designzeke/swiss-design-skillApply a Swiss International Style design system using Tailwind CSS. Use when asked to style a webpage, clean up a UI, apply a design system, make something look999skills.sh installs
4alirezarezvani avatara11y-auditalirezarezvani/claude-skillsAccessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML cod998skills.sh installs
5patternsdev avatarserver-side-renderingpatternsdev/skillsTeaches server-side rendering (SSR) for React applications. Use when you need faster initial page loads, better SEO, or dynamic per-request HTML generation.997skills.sh installs
6laravel avatartailwindcss-developmentlaravel/boostAlways invoke when the user's message includes 'tailwind' in any form. Also invoke for: building responsive grid layouts (multi-column card grids, product grids992skills.sh installs