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
- Links
- Live demo↗
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
- 01You submit a URL through the web interface.
- 02A Next.js API route launches a headless Chrome instance with Puppeteer.
- 03The browser navigates to the page and waits for dynamic content to finish rendering.
- 04Text, images, and structured data are extracted from the rendered page.
- 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.