What does cake have to do with content operations? 🍰 👀 Find out in our Spring Release... →
View project live

Next.js Edge SSR

By Roboto Studio

New edge server side rendering with Sanity to see what peak performance looks like

Project Shots

Sanity Intro screen, press one of the two links to see the performance from a simple post
Not the prettiest, but gives a good indication of TTFB when running through https://tools.keycdn.com/performance
Performance for the old SSR with Node.js
Performance for the new SSR with Edge

About the project

We tested Next.js 12.2 Edge Server-Rendering to see the performance gains with using Sanity. We took initial inspiration from the fireship video here, but specifically we were curious to see if we would see similar results with Sanity. What we found was pretty impressive. From a cold start, we found the node.js SSR could take up to 1.5 seconds, whereas we were getting fairly consistent sub 0.7 seconds on the new edge SSR

Contributor

Other projects by author

Roboto Studio

Featured

Old faithful, but built in the app router. Testing out the latest and greatest features on our own website, now, with added purple.

Money Atlas

Building a lightning-fast credit card comparison platform in 6 weeks flat with Next.js and Sanity

Savory & Partners

We consulted Savory & Partners: boosting Lighthouse scores from 60 to 90+, migrating to Tailwind & optimising the hell out of GROQ

Graftstudio

Building incredible editorial experiences for the independent Shopify specialists

Sanity