Case Study
View Case StudyTray.ai
Migrating hundreds of thousands of pages, re-platforming and extending for the leading composable AI integration platform
From Dato CMS to Framer
We are the Dato CMS to Framer migration experts
Last verified:
Challenges with Dato CMS
Key pain points
DatoCMS gives all the vibes of Prismic, but is somehow less flexible. It can feel like a glorified drag-and-drop schema builder. The moment you want to do anything mildly custom, the walls start closing in. And yes, the pricing stings. It scales fast, which is great for Dato, not so great for anyone trying to run a startup without selling a kidney.
The ecosystem is small, the extensions are thin, and deeper customisation often turns into "well, I guess we're building that ourselves." There's no hard spend cap — DatoCMS confirmed overages accumulate automatically on paid plans with no way to set a budget limit, so surprise bills are a real risk. Once your project grows, you quickly realise drag-and-drop doesn't magically give you validation or extensibility. If you need something genuinely custom or long-term scalable, there are better choices. Just contact us before you start one of the most expensive journeys.
Limited customisation options
DatoCMS hits a ceiling fast if you need deeply custom logic. The drag-and-drop model is convenient, but it doesn't give you the freedom a code-first setup would.
Pricing based on traffic
Costs scale with usage, which can get painful quickly for growing sites. Traffic spikes = surprise bills, and there's no hard spending cap to protect you.
Steeper learning curve
While the UI is simple, the API-driven side demands more technical understanding. Non-developers may struggle once things get complex.
Need for additional plugins
Out-of-the-box features only go so far. More advanced workflows often require plugins or custom development to bridge gaps.
Limited feature set scalability
Great for small–mid projects, but larger, more demanding setups can outgrow what DatoCMS offers out of the box.
Potential integration issues
Certain frameworks and tools need careful configuration, and edge cases appear more often than you'd expect in more mature CMS ecosystems.
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
Dato CMS to Framer migration FAQs
Answers to the most common questions about Dato CMS to Framer migration
How does DatoCMS compare to other headless CMS platforms?
DatoCMS sits in an interesting middle ground. The UI is polished and editors pick it up fast, which puts it ahead of more developer-centric options like Hygraph or Strapi. The image pipeline is genuinely excellent, with automatic optimisation and responsive transformations built in. Visual Editing launched in February 2026, so editors can now click directly on page elements to make changes with real-time updates — available on all plans including Free. Where it still falls short is customisation depth. Compared to Sanity, you hit ceilings sooner when you need custom validation, unique editorial workflows, or deeply nested content structures. Compared to Contentful, DatoCMS is cheaper at lower tiers but has a smaller plugin ecosystem. It's a solid choice for small to mid-sized projects, but larger builds tend to outgrow it.
What does DatoCMS pricing look like as traffic grows?
DatoCMS pricing is tied to API calls and bandwidth, which means costs scale with your traffic. The free tier includes 100k Content Delivery API calls per month and 10GB of bandwidth. Separately, the Developer plan Content Management API limit was raised to 25k monthly calls in April 2026. The Professional plan runs €199/month on a monthly basis, or €149/month billed annually, with higher limits including 1M CDA API calls and 1TB bandwidth per month. The Enterprise tier is custom-priced. One real concern worth flagging is that there is no hard spending cap. DatoCMS confirmed in their community forum that paid plans let overages accumulate automatically with no way to set a budget limit — so a traffic spike or viral post can generate surprise bills without warning. Set up API caching aggressively and lean on static generation to keep costs predictable. If budget guardrails are critical to your team, factor that in before committing.
Is DatoCMS good for non-technical content editors?
For basic content editing, yes. DatoCMS has one of the cleaner editor interfaces in the headless CMS space. Drag-and-drop schema building means content teams can understand the structure visually, and the media library is well-designed. Visual Editing — launched February 2026 across all plans — now lets editors click directly on live page elements rather than switching to a separate preview environment, which closes a long-standing gap. The issues that remain are around scale. Editors managing content across multiple locales find the interface gets cluttered. The Structured Text editor has been noted as slow on very long documents with heavy hyperlink use (a bug patched in April 2026, so recent versions should be fine). For teams coming from WordPress or HubSpot, the shift away from WYSIWYG-first thinking is still an adjustment, but Visual Editing reduces the friction considerably.
What should you watch out for when migrating from DatoCMS?
The migration path out of DatoCMS is cleaner than most. Both GraphQL and REST APIs give you full content access, so extraction is straightforward. Schema mapping is the main planning task, since DatoCMS's modular content blocks need to be translated to whatever structure your target CMS uses. The thing to watch is image URLs. DatoCMS serves images through its own CDN with transformation parameters baked into the URL, so you'll need to re-upload assets and update references across your content. Budget 3-6 weeks for a typical DatoCMS migration. If you're using their Structured Text field type, allocate extra time to convert that into your new CMS's rich text format.
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
