2 min read
How Roboto Studio simplified infrastructure, improved developer experience, and consolidated thousands of pages for Tray.ai
Tray.ai is a composable AI integration and automation platform that enterprises use to build smart, secure AI agents at scale.
To modernize their marketing site, they partnered with Roboto Studio to migrate off their legacy solution and outdated version of Next.js. The goal: simplify the architecture, consolidate siloed repos, and bring content and form management into one unified system.
After moving to Vercel, builds went from a full day to just two minutes.
From fragile pipelines to fast deploys
Before the migration, Tray.ai’s infrastructure was held together by legacy decisions. An older version of Next.js coupled with Serverless, 250MB package builds, and a rigid dev–stage–prod pipeline slowed development to a crawl. Previewing changes required full deploys. Form logic lived in a separate repo. Builds failed often, and when they didn’t, they took a full day.
Moving to Vercel reduced build times from a full day to just 2 minutes for faster rollouts and more agile updates.
Roboto Studio rebuilt the site from the ground up using Next.js. They consolidated everything into a single Turborepo monorepo, with custom page resolution and deeply nested dynamic routing to handle the complexity of over 500,000 pages.
On Vercel, the team now uses automatic git-based deployments on every branch push. Developers get to see see their changes using preview deployments that mimics production, allowing them to find and fix issues before they merge.
Unified infrastructure, fewer unknowns
The new site architecture uses a hybrid approach with Static Site Generation (SSG), Server-Side Rendering (SSR), and Client-Side Rendering (CSR), each applied where it makes sense. Roboto also rebuilt Tray’s forms engine using Vercel Functions, integrated with recaptcha for added protection.
With Vercel Analytics and Speed Insights, the team can now understand how real users interact with the site. Performance insights right in the Vercel Dashboard became a north star.
In addition, reliability has drastically improved. The team now catches build errors instantly, no more digging through layers of abstraction or chasing down broken deploys. What used to take extra steps and time is now visible the moment it happens, making fixes faster and more straightforward.
We are shipping far faster, far more often, and we’re giving Tray visibility into every change, right in the workflow.
Resilience at the edge
When the team spotted a DDoS attack targeting dynamic SSR routes through Firewall Observability, they quickly refactored the most vulnerable pages to static, cached versions. The problem resolved without any infrastructure intervention. This kind of flexibility is built into the architecture, powered by Vercel’s Edge Network.
They now serve over one million page views monthly with a setup designed to scale.
Results
Tray’s migration wasn’t just about fixing broken builds, it was about unlocking a better way to work. With a modern Next.js architecture on Vercel, they now deploy faster, validate ideas quicker with preview deployments, and debug issues with real-time visibility.
Consolidating multiple repos into a single codebase reduced complexity and made it easier to manage forms, content, and shared logic in one place. Combined with analytics, performance insights, and edge caching, the new stack gives Tray a faster, more reliable foundation built for iteration, scale, and speed.
Talk to a migration expert
Start building a cleaner enterprise-grade stack.
Contact Sales