# Deframer

> Deframer is a Framer to code converter: it turns a published Framer site into a clean, editable TypeScript project for Next.js (App Router, the default), TanStack Start, Astro, React Router or Vite, which you download as a .zip, own and host where you choose. It is an independent tool, not affiliated with Framer.

Move your Framer site to clean TypeScript code for Next.js, TanStack Start, Astro, React Router or Vite.

- Input: the public address of a site published with Framer (framer.website, framer.app or a custom domain). Deframer reads only the files the published site serves to its visitors, and needs no access to the Framer editor or account. A password-protected site is read with the password you enter, which is used once and never stored.
- Frameworks: Next.js (App Router, the default), TanStack Start, Astro, React Router or Vite (a static site, no server), chosen for each conversion, all in TypeScript.
- Output: a React 19 project in TypeScript (.ts and .tsx files, and .astro pages in Astro): one route per page with its metadata, components with CSS modules, design tokens and text styles, Framer CMS collections as JSON, native forms as API routes with webhook delivery, the site's redirects, robots.txt and sitemap, and the animation library motion. No Framer runtime: a small, readable helper kit replaces it. A Next.js project runs on Next.js 16; a TanStack Start project builds with Rsbuild and runs on srvx (Node.js 22.18 or later); an Astro project builds with Astro 7 and Vite, prerenders every page to static HTML that hydrates as one React island, and runs on Node.js 22.18 or later; a React Router project uses React Router 8 in framework mode, prerenders every page and runs on Node.js 22.22 or later; a Vite project builds with Vite 8 into a static site (`dist/`) for any static host, with no server.
- Ownership: anyone signed in can convert a published Framer site; downloading the code is only for your own site, or one whose owner allows it (such as an agency's client). Download for 1 credit with a verification meta tag on the published site, or for 10 credits without site verification after confirming ownership or permission.
- Site protection: 10 credits once per verified site. Free setup and verification, free pause/resume. Active registrations block Deframer conversions, cached downloads and previews for all users, including direct downloads. Optional inline capture deterrents can be bypassed by third-party tools; public source remains public. Guide: https://deframer.co/docs/site-protection.
- Price: free to convert; 1 credit for a verified download, or 10 credits to download without verification after confirming ownership or permission, once per project. Packs are $10 for 1 credit, $25 for 5, $100 for 30, paid once, not per month. Credits never expire, and a failed conversion costs nothing.
- Lifetime deal: $397 once; every download of a site you verify is free for as long as Deframer runs. It covers verified downloads only: a download without verification still costs 10 credits, and site protection is paid with credits.
- Daily allowance: 3 free conversions a day; 20 a day once you've bought credits, over a rolling 24 hours.
- Download: kept for 7 days after the conversion finishes; downloading the same project again is free. Every conversion is its own project.
- Compare: when a live preview is available, the original and the converted site side by side at three widths, with synced scrolling, for up to 10 minutes after the preview is ready.

## Product

- [Home](https://deframer.co/): what Deframer does, how it works (convert, review, verify, download), what the converted project contains, and the FAQ
- [How it works](https://deframer.co/#how): the four steps on a real conversion: rebuild for free (and compare, when live previews are on), then unlock the download and ship
- [What you get](https://deframer.co/#output): the structure of a converted project, shown on realmehdi.com's Next.js export (the same conversion is available for TanStack Start, Astro, React Router and Vite)
- [Framer to Next.js](https://deframer.co/framer-to-nextjs): Convert a published Framer site to a Next.js 16 App Router project in TypeScript: one route per page, components with CSS modules, CMS as JSON. Free to convert.
- [Framer to TanStack Start](https://deframer.co/framer-to-tanstack-start): Convert a published Framer site to a TanStack Start project in TypeScript: file routes, CSS modules, CMS as JSON. Built with Rsbuild, runs on Node.js.
- [Framer to Astro](https://deframer.co/framer-to-astro): Convert a published Framer site to an Astro 7 project in TypeScript: every page prerendered to HTML, one React island that keeps the layout. Free to convert.
- [Framer to React Router](https://deframer.co/framer-to-react-router): Convert a published Framer site to a React Router 8 project in framework mode, in TypeScript: route modules, every page prerendered. Free to convert.
- [Framer to Vite](https://deframer.co/framer-to-vite): Convert a published Framer site to a static Vite + React site in TypeScript: every page prerendered into dist/ for any static host, no server. Free to convert.
- [Framer to React](https://deframer.co/framer-to-react): Export a Framer site as React code in TypeScript for Next.js, TanStack Start, Astro, React Router or Vite: CSS modules, CMS as JSON. Free to convert.
- [Pricing](https://deframer.co/pricing): free to convert, credit packs for downloads, and how credits work
- [Protect your website](https://deframer.co/protect): block Deframer conversions of a site you own (10 credits once per verified site), an optional inline deterrent, and free guided Cloudflare setup with coverage checks
- [Site protection setup guide](https://deframer.co/docs/site-protection): verify with a site tag or DNS, activate the block, and configure Cloudflare
- [Affiliate program](https://deframer.co/affiliates): earn 50% of every lifetime deal and 40% of every credit pack you refer; join on Whop, brand kit included
- [FAQ](https://deframer.co/#faq): frameworks, sites you can convert, verification, limits, files and privacy, ownership of the code
- [Full text for language models](https://deframer.co/llms-full.txt): everything in this file plus the FAQ answers, pricing details and how it works, in one Markdown file

## FAQ

- [What does Deframer do?](https://deframer.co/#what)
- [Which frameworks can I export to?](https://deframer.co/#frameworks)
- [Can I convert a site I don't own?](https://deframer.co/#not-yours)
- [How do I verify my site?](https://deframer.co/#verify)
- [What are the limits?](https://deframer.co/#limits)
- [What happens to my files?](https://deframer.co/#privacy)
- [What if someone converts my site?](https://deframer.co/#report)

## Blog

- [Blog](https://deframer.co/blog): guides to moving a Framer site to code: Next.js, TanStack Start, Astro, React Router and Vite
- [Font licensing when you self-host a Framer site](https://deframer.co/blog/font-licensing-when-self-hosting-a-framer-site): Which fonts you may serve after moving a Framer site to your own hosting, how Google Fonts, Fontshare and commercial webfont licenses differ, and what to check.
- [How to back up a Framer site](https://deframer.co/blog/back-up-a-framer-site): Framer's version history isn't a backup you hold. Here is how to keep a code copy of your site, plus CMS and assets, in Git, and refresh it after changes.
- [Deframer affiliate program: earn 50% for every lifetime deal you refer](https://deframer.co/blog/deframer-affiliate-program): Earn 50% of every Deframer lifetime deal and 40% of every credit pack you refer. How it works, worked examples, the 30-day window and the rules.
- [Earn twice from Framer client migrations](https://deframer.co/blog/earn-from-framer-client-migrations): How Framer freelancers and designers earn from client migrations: charge for the service, and earn a referral commission when the client buys the download.
- [Edit a Framer site with cursor or claude code](https://deframer.co/blog/edit-a-framer-site-with-cursor-or-claude-code): Convert your Framer site to TypeScript, then edit it with Cursor, Claude Code or Copilot. A practical workflow, example prompts and the guardrails to keep.
- [Framer migration content for creators: what ranks and earns](https://deframer.co/blog/framer-migration-content-for-creators): A guide for YouTubers, bloggers and newsletter writers: content ideas about leaving Framer, where to put affiliate links, disclosure and what to avoid.
- [Host a Framer site on GitHub Pages](https://deframer.co/blog/host-a-framer-site-on-github-pages): Convert a Framer site to a static Vite project, build it, push it to GitHub and deploy with Actions. Also works on Netlify, Cloudflare Pages and S3.
- [How to remove the "Made in Framer" badge](https://deframer.co/blog/remove-made-in-framer-badge): The "Made in Framer" badge goes away on a paid Framer site plan. Here is how that works, why CSS tricks are a poor idea, and the no-badge route of owning code.
- [How to sell a Framer-to-code migration to clients](https://deframer.co/blog/sell-framer-to-code-migration-to-clients): How an agency pitches, scopes and prices a Framer to Next.js migration: which clients fit, objections and answers, and a sample email you can adapt.
- [Record a Framer to code tutorial: an outline for creators](https://deframer.co/blog/framer-to-code-tutorial-for-creators): A scene-by-scene outline for a YouTube or course tutorial on moving a Framer site to code, with what to show, what to say, disclosure and affiliate links.
- [Framer variants and hover states as React code](https://deframer.co/blog/framer-variants-and-hover-states-in-react): How Framer component variants, hover and press states become React code in a converted site. Where they live, how to read them, and how to add or change one.
- [How to write a Framer migration case study](https://deframer.co/blog/framer-migration-case-study-template): How agencies and creators write a Framer migration case study that ranks and convinces: what to measure, a section-by-section template, and claims to avoid.
- [Preview deployments for a converted Framer site](https://deframer.co/blog/preview-deployments-for-a-converted-framer-site): Give every change to a converted Framer site its own preview URL on Vercel, Netlify or Cloudflare, and a review flow designers can approve before it goes live.
- [How to convert a password-protected Framer site](https://deframer.co/blog/convert-a-password-protected-framer-site): Convert a password-protected Framer site with Deframer: how the password is used and never stored, verification, limits and what you get.
- [Run your Framer marketing site and your app on one domain](https://deframer.co/blog/framer-site-and-app-on-one-domain): Put a Framer marketing site and a web app on one domain: a subdomain, a path proxy in front of Framer, Next.js multi-zones, or one merged Next.js project.
- [Learn React by reading your own Framer site's code](https://deframer.co/blog/learn-react-with-your-own-framer-site): A designer's route into React: convert your own Framer site to code, then learn components, props, variants and CSS modules from a design you know.
- [When a client asks for their Framer site's code](https://deframer.co/blog/when-a-client-asks-for-their-framer-code): What freelancers and agencies can tell a client who asks for their Framer site's code, why Framer has none to hand over, and the options to offer them.
- [Framer Motion is now Motion: what it means for exported Framer sites](https://deframer.co/blog/framer-motion-vs-motion-for-exported-sites): Framer Motion became Motion, imported from motion/react. What changed, what didn't, and how a converted Framer site uses the motion package.
- [Best Framer to Next.js converters in 2026, a practical comparison](https://deframer.co/blog/best-framer-to-nextjs-converters): A practical comparison of the tools that get code out of a Framer site in 2026: output type, what survives, pricing, limits and how to test them yourself.
- [How to convert a Framer website to React](https://deframer.co/blog/convert-framer-to-react): How to turn a published Framer site into React code you own: the routes available, Vite vs Next.js, and what lifting components into another app takes.
- [Cookie consent after leaving Framer](https://deframer.co/blog/cookie-consent-after-leaving-framer): What happens to a Framer cookie banner when you convert the site to code, why script order matters for consent, and how to set it up in Next.js.
- [Framer to Next.js benchmark: speed, visual fidelity and build results](https://deframer.co/blog/framer-to-nextjs-benchmark): A 12-site Framer to Next.js benchmark: conversion time, pixel mismatch at two widths, build and type-check results, with test conditions and raw-data notes.
- [Framer to Next.js: real conversion tests on five different websites](https://deframer.co/blog/framer-to-nextjs-conversion-tests): We converted five public Framer sites to Next.js and measured routes, builds, pixel differences and errors: what worked, what broke, what we fixed.
- [How we test a Framer to Next.js converter: our methodology](https://deframer.co/blog/framer-to-nextjs-converter-testing-methodology): The method behind our Framer to Next.js tests: site selection, route coverage, pixel comparison at three widths, build checks and how to reproduce it.
- [Fixing layout differences after converting Framer to Next.js](https://deframer.co/blog/framer-to-nextjs-layout-issues): Symptoms, causes and fixes for layout differences after converting Framer to Next.js: fonts, breakpoints, sizing, sticky, viewport units, images and effects.
- [Framer to Next.js migration checklist: everything to check before launch](https://deframer.co/blog/framer-to-nextjs-migration-checklist): A reusable pre-launch checklist for moving a Framer site to Next.js, from URL inventory to DNS cutover, rollback and Search Console, with commands.
- [What does a Framer to Next.js migration actually cost?](https://deframer.co/blog/framer-to-nextjs-migration-cost): A cost model for moving a Framer site to Next.js: rebuild, convert and review, or hire an agency, with a worksheet you fill in with your own hours and rates.
- [Framer to Next.js migration problems: a database of real issues and fixes](https://deframer.co/blog/framer-to-nextjs-migration-problems): Real Framer to Next.js migration problems by category, each with symptoms, cause, fix and whether Deframer handles it, from our own test runs and code.
- [Free Framer to Next.js converter, what's actually free](https://deframer.co/blog/free-framer-to-nextjs-converter): What "free" means for each Framer export tool, exactly what Deframer lets you do without paying, and when the paid step is worth it.
- [How to audit a website before migrating it to Next.js](https://deframer.co/blog/website-migration-audit-checklist): Audit a site before moving it to Next.js: inventory URLs, record traffic and Core Web Vitals, plan redirects and write acceptance tests. Framer steps marked.
- [Maintenance retainers for converted Framer sites](https://deframer.co/blog/framer-maintenance-retainers-for-agencies): How agencies and freelancers scope, price and run a monthly maintenance retainer for a Framer site converted to code, with a task list and a sample scope.
- [Framer vs Astro for a marketing site](https://deframer.co/blog/framer-vs-astro-for-marketing-sites): Framer or Astro for a marketing site? Compare design speed, editing, CMS, performance, hosting, ownership and cost, and how to move from one to the other.
- [Accessibility audit after converting a Framer site](https://deframer.co/blog/accessibility-audit-after-converting-framer): Audit a Framer site converted to code for accessibility. Run axe, then check keyboard, headings, alt text, forms, contrast and motion by hand.
- [Security headers for a self-hosted Framer site](https://deframer.co/blog/security-headers-for-a-self-hosted-framer-site): Which security headers to add once a Framer site is self-hosted as code, how to write a Content Security Policy that allows Custom Code, and where to set them.
- [Analytics after moving off Framer](https://deframer.co/blog/analytics-after-moving-off-framer): What happens to analytics when you move a Framer site to code, where tracking snippets end up, and how to set up GA4, Plausible or PostHog.
- [Framer to TypeScript: what typed code you get from a Framer site](https://deframer.co/blog/framer-to-typescript): The TypeScript you get when you convert a Framer site to code, how strict it is, why code components are checked differently, and how to tighten types.
- [How to move a domain off Framer without downtime](https://deframer.co/blog/move-a-framer-domain-without-downtime): Move a custom domain from Framer to a new host with no downtime: deploy first, lower TTLs, change only the web records, verify, and keep a rollback ready.
- [Visual regression tests for a converted Framer site with Playwright](https://deframer.co/blog/visual-regression-tests-for-a-converted-framer-site): Use Playwright screenshots to compare a converted Framer site with the live original, then keep later edits from breaking the design. Setup, config and tips.
- [Deframer pricing explained: credits, packs or the lifetime deal](https://deframer.co/blog/deframer-pricing-credits-vs-lifetime): How Deframer pricing works: free conversions, 1 credit per verified download, packs of 1, 5 or 30 credits, and when the $397 lifetime deal pays for itself.
- [What happens to Framer A/B tests when you convert to code](https://deframer.co/blog/framer-split-tests-after-conversion): How a Framer split test survives a conversion to Next.js and other frameworks, how visitors are assigned, where to set weights, and how to measure results.
- [Next.js vs Astro for a converted Framer site](https://deframer.co/blog/nextjs-vs-astro-for-a-framer-site): Next.js or Astro for your Framer site's code? Compare how each export renders pages, handles navigation, hosting, forms and growth, and which fits your team.
- [Add a shop to a converted Framer site](https://deframer.co/blog/add-ecommerce-to-a-converted-framer-site): Ways to sell from a Framer site once it's code. Payment links, Stripe Checkout, a headless Shopify storefront or a hosted cart, with what each needs.
- [Host a converted Framer site on Render or Railway](https://deframer.co/blog/host-a-framer-site-on-render-or-railway): Run a Framer site converted to Next.js, TanStack Start, Astro or React Router on Render or Railway: build and start commands, ports, env vars and domains.
- [Move a Framer blog to Markdown files in Next.js](https://deframer.co/blog/move-a-framer-blog-to-markdown): Turn a Framer CMS blog into one Markdown file per post in a Next.js project, with a conversion script, a renderer and the same URLs, so writing is a Git commit.
- [Framer lock-in: what you can take with you and what you can't](https://deframer.co/blog/framer-lock-in-explained): What Framer lock-in really means: which parts of your site you can take with you (content, assets, domain, URLs, code) and which stay behind.
- [Protect a site with Deframer](https://deframer.co/blog/protect-a-site-with-deframer): Activate Deframer protection for 10 credits once, install the inline deterrent, and configure Cloudflare with DNS proof and free coverage checks.
- [What website copy protection can and cannot do](https://deframer.co/blog/what-website-copy-protection-can-and-cannot-do): Understand Deframer's registry, browser deterrents and Cloudflare request gates, including public CDN bypasses and the limits of coverage checks.
- [Next.js, Astro, TanStack Start, React Router or Vite: which should your Framer site use?](https://deframer.co/blog/which-framework-for-your-framer-export): A decision guide for exporting a Framer site to code. Compare Next.js, Astro, TanStack Start, React Router and Vite on hosting, server needs, SEO and team fit.
- [Add a backend to a Framer site: auth, database and payments](https://deframer.co/blog/add-a-backend-to-a-framer-site): How to add sign-in, a database and payments to a Framer site. Convert it to a TypeScript project, then build server features in the same codebase.
- [Host a Framer site on AWS S3 and CloudFront](https://deframer.co/blog/host-a-framer-site-on-aws-s3-and-cloudfront): Host a converted Framer site on AWS: build a static Vite site, upload dist/ to a private S3 bucket, serve it with CloudFront, clean URLs, 404s and redirects.
- [How to export Framer CMS content: CSV, JSON or code](https://deframer.co/blog/export-framer-cms-content): Three ways to get content out of the Framer CMS: a spreadsheet export, a plugin, or typed JSON files from converting the site, and when each one fits.
- [Export a Framer site as a static site with Vite](https://deframer.co/blog/framer-static-site-export-with-vite): Export a Framer site as static files: convert it to a Vite and React project that prerenders every page into dist/ for any static host, with no server.
- [Add Tailwind CSS to a converted Framer site](https://deframer.co/blog/add-tailwind-to-a-converted-framer-site): Add Tailwind CSS v4 to a Framer site converted to Next.js without breaking it. Skip Preflight, map Framer tokens into @theme, and mind cascade layers.
- [Can you export code from Framer?](https://deframer.co/blog/can-you-export-code-from-framer): Framer has no code export. Here are the four real routes to your site's code (rebuild, HTML snapshot, converter, reverse proxy) and how to pick one.
- [Self-host a Framer site with Docker on your own server](https://deframer.co/blog/self-host-a-framer-site-with-docker): Self-host a converted Framer site with Docker on a VPS: a Dockerfile for Next.js or the Node targets, Caddy for HTTPS, environment variables and updates.
- [Framer to Remix in 2026: React Router framework mode is the path](https://deframer.co/blog/framer-to-remix): Want your Framer site in Remix? Remix's React features now live in React Router's framework mode. Here's what that means and how to convert a Framer site to it.
- [How to export a Framer site to Next.js](https://deframer.co/blog/how-to-export-a-framer-site-to-nextjs): Export a Framer site to Next.js step by step: convert, compare, verify ownership and download an App Router TypeScript project, then check it.
- [Open Graph images after leaving Framer](https://deframer.co/blog/open-graph-images-after-leaving-framer): What happens to a Framer site's Open Graph and social images when you move it to code, how to fix broken link previews, and how to generate images per page.
- [Which website builders let you export your code?](https://deframer.co/blog/website-builders-that-export-code): Which website builders export code, and how much: Webflow, WordPress, Wix, Squarespace and Framer compared on pages, CMS, forms and what you can host yourself.
- [Framer to HTML, CSS and JavaScript, or Framer to Next.js, which do you need?](https://deframer.co/blog/framer-to-html-or-nextjs): Framer to HTML gives you a static snapshot; Framer to Next.js gives you a project to keep building. Compare files, assets, fonts, forms, SEO and hosting.
- [How to host a Framer site on Cloudflare Pages](https://deframer.co/blog/host-a-framer-site-on-cloudflare-pages): Host a Framer site on Cloudflare Pages: convert it to a static Vite site, build into dist/, deploy from Git or Wrangler, keep redirects and move the domain.
- [How a developer should review a converted Framer project](https://deframer.co/blog/review-a-converted-framer-project): Review a Framer site converted to TypeScript in order. Build, types, notices, dependencies, third-party code, forms, SEO files and visual checks.
- [Framer vs. Webflow vs. Next.js, which fits your site?](https://deframer.co/blog/framer-vs-webflow-vs-nextjs): Framer vs Webflow vs Next.js compared in a decision matrix: editing, CMS, code ownership, hosting, maintenance, migration, cost and team fit.
- [How to make a Framer site ready for AI search and answer engines](https://deframer.co/blog/make-a-framer-site-ready-for-ai-search): Answer-engine optimization for a Framer site: direct answers, question headings, FAQ markup, crawler access and llms.txt, and what owning the code changes.
- [How to convert a Framer site to React Router framework mode](https://deframer.co/blog/convert-a-framer-site-to-react-router): Convert a published Framer site to a React Router 8 project in framework mode: route modules with meta, every page prerendered, CMS as JSON, forms as routes.
- [Framer vs. Next.js for growing sites](https://deframer.co/blog/framer-vs-nextjs-for-growing-sites): Framer vs. Next.js for a growing site: when to stay and when to move, judged on team skills, backend needs, content workflow and cost.
- [Framer vs WordPress: which should you build on?](https://deframer.co/blog/framer-vs-wordpress): Framer vs WordPress for a marketing site, compared on design, editing, plugins, hosting, security, SEO, cost structure and how you leave each one.
- [Write an AGENTS.md for a converted Framer site](https://deframer.co/blog/agents-md-for-a-converted-framer-site): A ready-to-adapt AGENTS.md for a Framer site converted to TypeScript, so Cursor, Claude Code, Codex and Copilot edit the right files and check their work.
- [Framer alternatives when you want to own your code](https://deframer.co/blog/framer-alternatives-for-owning-your-code): Framer alternatives ranked by how much of the site you own: Webflow, WordPress, open-source visual builders, Astro and Next.js, and converting your site.
- [How to host a Framer site on Netlify](https://deframer.co/blog/host-a-framer-site-on-netlify): Host a Framer site on Netlify as a static Vite site with Netlify Forms and _redirects, or as a Next.js app. Build settings, forms, domain and checks.
- [How to export a Framer site to TanStack Start](https://deframer.co/blog/export-a-framer-site-to-tanstack-start): Export a published Framer site to TanStack Start in TypeScript: file routes with head(), CSS modules, CMS as JSON and forms as API routes, run on Node.js.
- [Framer sitemap.xml and robots.txt after converting to code](https://deframer.co/blog/framer-sitemap-and-robots-txt-after-conversion): What happens to a Framer site's sitemap.xml and robots.txt when you convert it to code, how to update them for a new domain, and when to generate them instead.
- [What you get in a converted Next.js project](https://deframer.co/blog/what-you-get-in-a-converted-nextjs-project): What a Framer site converted to Next.js contains: a folder-by-folder tour of routes, views, components, tokens, CMS JSON, the kit and README.
- [Can you host a Framer site somewhere else?](https://deframer.co/blog/can-you-host-a-framer-site-elsewhere): Framer sites can't be self-hosted as files, but you can put your own proxy in front of Framer or convert the site to Next.js or Astro and host it anywhere.
- [How to hand off a Framer site to developers](https://deframer.co/blog/framer-to-developer-handoff): Hand off a Framer site to developers as a real codebase. What to convert, what to write down, which decisions to make first and what developers check.
- [How to move a Framer custom domain to Vercel](https://deframer.co/blog/move-a-framer-custom-domain-to-vercel): Move a custom domain from Framer to Vercel without breaking the site: deploy the converted code first, test it, add the domain, then switch DNS.
- [How to add structured data to a converted Framer site](https://deframer.co/blog/add-structured-data-to-a-converted-framer-site): Add JSON-LD structured data to a Framer site converted to Next.js or Astro, generated from your CMS JSON so every article, product and FAQ stays in sync.
- [Framer pricing alternatives: ways to pay less for your website](https://deframer.co/blog/framer-pricing-alternatives): Ways to pay less for a Framer site, from picking the right plan to self-hosting the code, judged on what each lever saves and what it costs you in time.
- [How to convert a Framer site to Astro](https://deframer.co/blog/how-to-convert-a-framer-site-to-astro): Convert a published Framer site to an Astro 7 project in TypeScript: every page prerendered to HTML, one React island per page, CMS and forms included.
- [Verifying Framer site ownership](https://deframer.co/blog/verifying-framer-site-ownership): Verify Framer site ownership for Deframer: add the verification meta tag in Custom Code, publish, and what to check when it isn't found.
- [What to do before you cancel your Framer plan](https://deframer.co/blog/before-you-cancel-your-framer-plan): Before you cancel a Framer site plan, save your CMS, assets, URLs, redirects and custom code, convert the live site, move DNS, and cancel last.
- [Deploy a converted Framer site to Vercel, Netlify, Cloudflare or Fly.io](https://deframer.co/blog/deploy-converted-framer-site-vercel-netlify-cloudflare-fly): Deploy a Framer site converted to Next.js on Vercel, Netlify, Cloudflare Workers or Fly.io, set form webhooks and switch your domain safely.
- [Framer CMS limits: what to do when you outgrow them](https://deframer.co/blog/framer-cms-limits-what-to-do-when-you-outgrow-them): Framer CMS limits on items, collections and pages explained, the signs you're outgrowing them, and four ways forward, from add-ons to JSON in Next.js.
- [Is Framer good for SEO, and what does Next.js change?](https://deframer.co/blog/is-framer-good-for-seo): Framer handles SEO basics well. Here's what it covers, where its limits show, and what moving the site to Next.js changes for metadata, schema and sitemaps.
- [Framer animations and scroll effects in Next.js with motion](https://deframer.co/blog/keeping-framer-animations-in-nextjs-with-motion): Framer animations in Next.js: appear effects, scroll transforms, parallax, sticky sections, hover states and page transitions on motion/react.
- [How to compare a Framer site's PageSpeed before and after converting](https://deframer.co/blog/framer-pagespeed-before-and-after-conversion): Compare your Framer site's PageSpeed Insights scores with the converted Next.js version: what Deframer's speed test measures and how to read it fairly.
- [Framer CMS to Next.js: what happens to your collections, and how to move them to a database](https://deframer.co/blog/framer-cms-to-json-in-nextjs): Framer CMS collections in Next.js become JSON files with a schema. Edit records, add items, then move them to a database or headless CMS.
- [How to migrate Framer forms to Next.js without losing submissions](https://deframer.co/blog/forms-after-leaving-framer): Migrate Framer forms to Next.js without losing submissions: route handlers, webhook mapping, a parallel run, spam protection and monitoring.
- [How to keep SEO when moving off Framer, and fix problems after the migration](https://deframer.co/blog/seo-when-moving-off-framer): Keep and fix your SEO after moving off Framer: URLs, redirects, metadata, sitemaps, then troubleshooting with Search Console and curl.
- [Is Framer built on React? Getting React code from a Framer site](https://deframer.co/blog/is-framer-built-on-react): Framer sites run on React, but you can't download them as React code. How to get React components out of a Framer site, and what to expect in them.
- [Should I keep Framer assets on the CDN or in the project?](https://deframer.co/blog/framer-fonts-and-assets-cdn-vs-local): Framer assets on the CDN or in the project? What each option changes for images, fonts and videos in Next.js, and how to switch later.
- [How Framer breakpoints become responsive layouts in Next.js](https://deframer.co/blog/framer-breakpoints-and-responsive-layouts-in-nextjs): Framer breakpoints in Next.js: Desktop, Tablet and Phone become CSS media queries and hidden classes you can edit safely in the converted project.
- [Framer code components and overrides in a Next.js project](https://deframer.co/blog/framer-code-components-and-overrides-in-nextjs): Framer code components and overrides in Next.js: where they land, how they load after hydration, and how to tighten their TypeScript types.
- [Performance tuning a converted Framer site in Next.js](https://deframer.co/blog/performance-tuning-a-converted-framer-site): Speed up a Framer site converted to Next.js: measure first, then tune fonts, images, browser-only components, scripts and caching headers.
- [Framer hosting vs. self-hosting a Next.js site, compared by cost structure](https://deframer.co/blog/framer-hosting-vs-self-hosting-costs): Framer hosting vs. self-hosting Next.js, compared by cost structure rather than prices that change, with a worksheet you can fill in.
- [Adding a headless CMS to a converted Framer site](https://deframer.co/blog/adding-a-headless-cms-to-a-converted-framer-site): Add a headless CMS to a Framer site converted to Next.js: sync entries into the JSON the pages already read, and redeploy when editors publish.
- [How to convert a multi-language Framer website to Next.js](https://deframer.co/blog/multi-locale-framer-sites-in-nextjs): Convert a multi-language Framer site to Next.js: one route tree, locale routing in proxy.ts, translations, per-locale metadata, hreflang and a checklist.
- [Migrating a Framer portfolio to Next.js](https://deframer.co/blog/migrating-a-framer-portfolio-to-nextjs): Migrate a Framer portfolio to Next.js: projects CMS, case studies, contact form and animations, with a checklist in the order you'll work.
- [An agency workflow for converting client Framer sites](https://deframer.co/blog/agency-workflow-converting-client-framer-sites): Agency workflow for converting client Framer sites to Next.js: client permission, credit budgets, one repository per client and a clean handover.
- [Maintaining a converted Framer site with Git](https://deframer.co/blog/maintaining-a-converted-framer-site-with-git): Maintain a converted Framer site with Git: commit the conversion, review on branches, merge new conversions after a republish, update deps.
- [Common Framer to Next.js conversion issues and how to fix them](https://deframer.co/blog/common-framer-to-nextjs-conversion-issues): Framer to Next.js conversion issues and their fixes: verification, oversized sites, Deframer's notices, build errors and hydration warnings.

## Optional

- [Terms](https://deframer.co/terms): acceptable use (own sites only), ownership verification before download, credits, reporting misuse
- [Privacy policy](https://deframer.co/privacy): what is stored and for how long
- [Refund policy](https://deframer.co/refunds): credits and refunds
- [Contact](https://deframer.co/contact): mehdi@deframer.co