ssr-hydration-scraping

Community

Stable SSR data extraction via hydration blocks.

AuthorStarrySerendipity
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Modern SSR sites embed hydrated JSON blocks next to the HTML, but brittle DOM scraping breaks when dynamic content changes or minified classes appear. This Skill demonstrates how to reliably locate hydration blocks and extract their JSON payload for stable data retrieval.

Core Features & Use Cases

  • Identify SSR data blocks using regex to pull JSON from scripts like NEXT_DATA, Nuxt's window.NUXT, or INITIAL_STATE.
  • Leverage jmespath to query deep, nested SSR state structures to pull structured records (e.g., title, url).
  • Gracefully handle missing data and variations across frameworks, enabling reuse across Next.js, Nuxt.js, and similar SSR apps.

Quick Start

Run extract_ssr_data(html) on the HTML content of a target SSR page to obtain the hydrated data and print the extracted items.

Dependency Matrix

Required Modules

jmespath

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: ssr-hydration-scraping
Download link: https://github.com/StarrySerendipity/N.E.K.O/archive/main.zip#ssr-hydration-scraping

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 510,000+ vetted skills library on demand.