3 min read
Next.js on Vercel cut deployment times and boosted Extra Space Storage's site reliability.
As the largest self-storage company in the U.S., Extra Space Storage manages over 3,800 stores nationwide. Delivering a consistent, high-quality digital experience to their customers is essential, and their engineering team recognized the need for faster iteration and more stability in their customer acquisition channels—public websites and kiosks.
However, their legacy architecture was creating bottlenecks, impacting time-to-market for new features, and slowing down development. By partnering with Vercel, Extra Space Storage was able to achieve their vision of improving their DevOps processes for their website and enable quicker customer feedback.
Improving build times and stability with Vercel
Before migrating to Vercel, Extra Space Storage faced challenges with the stability of their platform. The lack of reliable pre-production environments, and long developer build times all contributed to delays in delivering new features.
The search for a solution led them to explore Vercel, starting with smaller projects such as their kiosk platform and annual reports. These early successes built confidence in Vercel’s performance, and the team decided to move their flagship site to Vercel following the acquisition of Life Storage in 2023.
Our success with the Life Storage site showed us how much we could gain from Vercel. Moving extraspace.com was a no-brainer.
The migration was seamless. Extra Space Storage stood up the new site on Vercel and, when ready, controlled traffic through DNS routing. There was no need to revert back to their previous environment—the Vercel platform worked from the start.
A lean, efficient architecture powered by Next.js and Vercel
Now, Extra Space Storage’s frontend architecture is streamlined with Vercel. Their Next.js application is powered by Vercel's global Edge Network, and they leverage features like Incremental Static Regeneration (ISR) for primary sales flow pages, ensuring optimal performance without constant server-side re-renders. Edge Middleware handles routing and cookies for personalization, and they use Next.js’s powerful configuration options for redirects and rewrites.
Understanding Vercel's infrastructure
Learn how Vercel's framework-defined infrastructure automatically handles user traffic.
Read the blog
ISR has become a cornerstone of their architecture, allowing Extra Space Storage to serve pages quickly while refreshing stale content in the background. This strategy improves performance, particularly when redeploying production code.
ISR was the most obvious feature that improved our performance, especially with production deployments.
Their checkout process behaves like a single-page application, optimizing for speed and user experience where SEO isn’t a priority, while other pages maintain strict SEO standards to ensure optimal performance and search visibility.
Accelerating deployment, reducing overhead and downtime
Vercel’s impact on Extra Space Storage’s development workflow has been significant, with a 95% decrease in build times. With Vercel’s per-branch environments, testing on branch deployments has become a seamless part of the workflow, allowing the team to test changes in isolation before merging.
These improvements allow Extra Space Storage to release more frequently and with confidence, improving agility and responsiveness to customer feedback.
Testing is so much easier now. We no longer rely on shared environments, and the speed of deployments is incredible.
The migration to Vercel has also improved site reliability and stability. With Vercel handling caching and serverless functions, Extra Space Storage can focus on delivering features without the overhead of managing complex infrastructure.
Extra Space Storage’s site sees around 250,000 page views daily and drives $1.7 million in revenue per day. With Vercel, they’re able to scale to meet this demand without worrying about performance or stability.
Looking Ahead
Extra Space Storage’s migration to Vercel has improved their development workflow and set the stage for future innovation. While they’re still exploring the full range of Vercel’s capabilities, they are excited about the potential to leverage more advanced features as their application continues to grow.
For Extra Space Storage, the journey from a self-hosted architecture to Vercel has been transformative. The platform’s ease of use, rapid deployment times, and integrated features have unlocked new efficiencies for their engineering team, allowing them to deliver a better experience for both their developers and their customers.