Case Study
View Case StudyTray.ai
Migrating hundreds of thousands of pages, re-platforming and extending for the leading composable AI integration platform
From KeystoneJS to Framer
We are the KeystoneJS to Framer migration experts
Last verified:
Challenges with KeystoneJS
Key pain points
The biggest challenge with KeystoneJS is that it hands you all the responsibility that a managed CMS would normally handle. Deployment is entirely on you, and the documentation around production hosting, Docker configuration, and scaling is thin. We've seen teams struggle to go from a smooth local development experience to a reliable production setup, especially if they don't have dedicated DevOps support. The admin UI Docker image alone can balloon to over a gigabyte, which is a headache for containerised deployments.
The community around Keystone is significantly smaller than competitors like Strapi or Payload. That means fewer tutorials, fewer plugins, and slower answers when you hit an edge case. The ecosystem of ready-made integrations is almost non-existent, so you'll be building most things from scratch. For an agency working on client projects with deadlines, that time cost adds up quickly.
Content editors also tend to have a harder time with Keystone compared to more polished alternatives. The admin UI is functional but feels utilitarian, and non-technical users often need more onboarding than you'd expect. There's no visual editing, no preview infrastructure, and no real content workflow features like drafts, publishing schedules, or approval chains without building them yourself. If your client's content team needs a CMS they can pick up and run with, Keystone usually isn't the answer.
Deployment complexity
Self-hosting is the only option, and the docs don't hold your hand. Getting Keystone into production requires real infrastructure knowledge, and the large Docker image sizes make it worse.
Small community and ecosystem
Compared to Strapi or even Payload, the community is much smaller. Fewer plugins, fewer tutorials, and slower support when things go wrong.
No built-in content workflows
There are no turnkey drafts, scheduled publishing, or approval chains. Keystone provides field primitives that can be assembled into publishing workflows, but you need to wire them up yourself.
Admin UI feels dated
The admin panel is functional but lacks the polish and UX of modern CMS interfaces. Non-technical editors often find it confusing and need more training.
No visual editing or live preview
There's no way for editors to see content in context before publishing. You'd need to build your own preview infrastructure, which is a significant engineering effort.
Scaling requires significant effort
Running Keystone under high traffic means managing session stores, reverse proxies, and server resources yourself. It doesn't scale as smoothly as cloud-native CMS alternatives.
Benefits of Framer
Key advantages
If you live in Figma all day, Framer is the right choice for you. You can import your layouts, tweak a few interactions, hit publish, and suddenly you’ve “built a website” without ever opening VS Code. The no-code editor is fast, the animations look like you actually care about UI, and the built-in hosting + global CDN means you never have to touch a server or pretend you know what an SSL certificate is.
Multiple people can jump in, rewrite copy, adjust layouts, and preview the site instantly in real time with zero handoff pain, and “can you push this to staging?” nonsense. The SEO defaults are strong, images automatically behave, and performance is fast without you having to obsess over Lighthouse scores.
Can't knock the service, but we're here when you're looking to build something more scalable.
Ability to control layout with drag and drop
You can drag, drop, and publish without the need for any developer or having experience in website development. With Framer, you can easily turn your mockup into a working page.
Quick and cheap to build something
If you need a site yesterday (and on a budget), go ahead with Framer. You can go from a Figma-level idea to a live marketing page in a few hours without writing any code or having developers wait on stand-ups.
Some optimization comes by default
Framer quietly handles things like image compression, semantic markup, and basic SEO hygiene. You ship quickly, and the site doesn't fall apart in Lighthouse analyses.
Huge library of themes
You can pick a template, tweak a few components, and you’re basically done. Its theme library is stacked, and most of it looks “portfolio ready” right out of the box.
Real-time team collaboration
Multiple people can jump in, edit, comment, and tweak designs live like Figma. It speeds up feedback loops and kills the endless back-and-forth.
Intuitive, designer-friendly UI
If you know your way around Figma, you’ll be able to use Framer without any difficulty. Framer’s interface is simple, and keeps designers moving without begging a developer for help.
Common questions
KeystoneJS to Framer migration FAQs
Answers to the most common questions about KeystoneJS to Framer migration
What makes migrating from KeystoneJS difficult?
KeystoneJS stores data through Prisma, so the database layer is well-structured and easy to export. The harder part is replacing everything Keystone doesn't give you. Most Keystone projects have custom-built preview systems, publishing workflows, and access control logic that are tightly coupled to the Node.js backend. Rebuilding those features in a new CMS takes planning. We typically budget 4 to 8 weeks for a Keystone migration depending on how much custom infrastructure the team has built around it.
Why do teams move away from KeystoneJS?
Deployment complexity is the number one reason. Teams love Keystone during local development, then hit a wall getting it reliably into production. The Docker images can balloon past a gigabyte, the docs don't cover production hosting well, and there's no managed hosting option. The small community compounds this problem. When you hit an edge case, there are fewer people who've solved it before. Content editors also struggle with the admin UI, which lacks visual editing, live preview, and built-in publishing workflows that competing platforms ship by default.
How do we extract our content from KeystoneJS?
Since Keystone uses Prisma ORM, your content lives in standard PostgreSQL, MySQL, or SQLite tables with clean schemas. You can export directly from the database using SQL dumps or Prisma's query API. The content model is defined in your TypeScript codebase, so mapping fields to a new CMS is straightforward. We write automated scripts that handle the data transformation, including resolving relationships between lists and migrating file references. For a project with 20 to 50 Keystone lists, extraction and transformation usually takes 1 to 2 weeks.
How much does Framer cost for a real website?
Framer's free plan is heavily restricted (2 pages, framer.site subdomain, Framer branding). The Mini plan is $5/month (billed yearly), Basic is $15/month, and Pro is $30/month. Where costs escalate is the CMS. The basic CMS plan limits you to 1 collection, and adding more collections pushes you into $20-$40+ per collection per month. For a site with a blog, case studies, and a team directory (three collections), you're looking at $90-$150/month before any custom domain or analytics add-ons. That's not cheap for what is essentially a visual website builder. Compare that to a headless CMS on a free tier plus $20/month Vercel hosting, and the math starts working against Framer quickly.
Can you move a Framer site to a headless CMS without losing the design?
Yes, and we've done this for several clients. The design itself translates well to a modern frontend because Framer sites are essentially CSS layouts with animations. We rebuild the visual design in Next.js (or whatever framework fits), which usually produces a faster, more performant version of the same site. CMS content exports from Framer's collections through their API, though the data structures are simple so the migration is straightforward. Animations need manual recreation using a library like Motion for React, but the results are typically better than Framer's output. The whole process takes 4-8 weeks for a typical marketing site.
What are the best alternatives to Framer for a growing company?
It depends on what you're outgrowing. If you want to keep the visual editing experience, Webflow offers more CMS depth and ecommerce capabilities, though it has its own scaling limitations. If you want full control, a headless CMS (Sanity is our pick) paired with Next.js gives you unlimited flexibility in content modelling, design, and performance. Builder.io is worth considering if your marketing team needs to build pages independently, though the vendor lock-in is a concern. For most growing companies, we recommend the headless CMS plus custom frontend route because it scales without platform ceilings and your design is never limited by what a visual builder supports.
When should you stop using Framer and switch to something else?
Three signals tell you it's time. First, your CMS needs exceed what collections can handle. If you need relational content, structured data beyond flat lists, or more than a handful of collection types, Framer's CMS will hold you back. Second, performance. Framer sites can get sluggish with heavy animations and large pages, and you have limited control over optimisation. Third, development workflows. If your team includes developers who want version control, CI/CD pipelines, and the ability to write custom logic, Framer's no-code environment becomes a constraint. We've migrated Framer sites for companies that hit all three of these walls simultaneously, usually around the 20-30 page mark with 3+ content types.
Get in touch
Fill out the form below and we'll get back to you
