sk.
←All work

Project 02

No Code Export

A simple interface to pull content out of websites built on no-code platforms, for migration, backup, or analysis.

Status
Live demo
Stack
Next.js · Puppeteer · TypeScript · Vercel

At a glance

  • Paste a URL and get its text, images, and structured data back as a download.
  • Handles JavaScript-heavy pages by rendering them in headless Chrome before extracting.
  • Supports Framer, Webflow, and Wix.

The problem

Sites built on Framer, Webflow, and Wix are rendered with heavy client-side JavaScript, so a plain HTTP scraper sees very little of the actual content. Moving off one of these platforms, keeping a backup, or studying how a site is structured usually means copying things out by hand.

What I built

Web interface
A single field to submit a URL and download the exported result.
Extraction API
A Next.js API route that drives headless Chrome, waits for dynamic content, and pulls out text, images, and structured data.
Platform handling
Full-site scraping for Framer, HTML/CSS extraction for Webflow, and dynamic-content handling for Wix.

How it works

  1. 01You submit a URL through the web interface.
  2. 02A Next.js API route launches a headless Chrome instance with Puppeteer.
  3. 03The browser navigates to the page and waits for dynamic content to finish rendering.
  4. 04Text, images, and structured data are extracted from the rendered page.
  5. 05The export is returned to the browser as a download.

Key decisions

A real browser instead of an HTTP scraper
Because these platforms render content with JavaScript, extraction runs against a fully rendered page in headless Chrome. It's heavier, but it's the only way to see what a visitor actually sees.

Outcome

  • Useful for content migration to custom stacks or a headless CMS, local backups, and competitor site analysis.

Next project

Kitten TTS Reader

A Chrome extension that reads any page aloud with neural voices, running entirely on your own machine.

→