Roboto Studio

Featured Project

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

By Roboto Studio & Jono Alford and 1 others

Project Shots

Using a page builder with perspectives, we can quickly build specific landing pages to target audiences

Image generation using our own AI plugin for Dall.e, uncanny cats not included

Our services page is again, using a page builder, because of the /app directory and RSC it allowed us to pull data even easier

Our project page, showcasing some of the awesome work we've done with Sanity & Next.js

The homepage, complete with all new animations using Tailwind & native CSS

Editing environment

Real time preview, and page building blocks

Custom form builder - change text, field type and it "just works" with Formspark - Also if you're a Google Analytics & PPC Specialist get in touch...

Image generation using Open AI's Dall.e. Speeding up workflows and generating eldritch monstrosities...

About the project

We've migrated the Roboto Studio to the bleeding edge Sanity & Next.js functionality to both future-proof and get the best understanding possible of the ins and outs of the latest methods.

There might be a blog post on the way with our findings...

Features

Using the latest app routing from Next 13.4
Real-time Live preview using Sanity iframe pane & perspectives preview method
AI-generated images, using our Open AI plugin
Hot-swappable page builder
Fully-fledged form-builder, backend provided by Formspark
Still using the original CMS structure, no need to refactor
Near perfect lighthouse performance
Dynamically-loaded page builder - we're still working on the FOUC

Want to see what you can achieve with our team of experts?

☎︎ Book a call with us

Contributors

Roboto Studio

The best editorial experiences on the web

Jono Alford

Founder @ Roboto Studio - The Sanity & Next.js experts

Hrithik Prasad

Technical Lead at Roboto Studio

Related contributions

Global Cycling Network: structured editorial publishing on Sanity and Next.js

Global Cycling Network is one of the biggest online cycling communities, and their newsroom moves at race speed. We rebuilt their editorial platform on Sanity and Next.js: riders, teams, and bikes modelled as reusable references, a slug-cluster system that lets editors spin up sections four levels deep without waiting on a developer, and a Vercel front end that keeps up on race day.

Roboto Studio and 5 others

Synacti: an AI-built software-acquisition site on Next.js and Sanity with live visual editing

Synacti buys and holds founder-built software companies, and wanted a site as modern as that thesis. We generated over 90 percent of the components with v0.dev, then hand-built the parts that needed craft: a Matter.js physics hero you can drag and throw, and a user-controlled theme picker. It runs on the Next.js App Router and Vercel, with Sanity and its Live Content API giving the team real-time visual editing.

Roboto Studio and 3 others

Slingshot Bio: headless Shopify commerce for synthetic cell mimics on Sanity and Next.js

Slingshot Bio makes synthetic cell mimics that stand in for real immune cells on any flow cytometer. They arrived with a WordPress marketing site and a separate Shopify store, no shared design, content, or data. We converged both into one headless platform on Next.js, Sanity, and Shopify, instrumented end to end in PostHog and built to stay AI-ready, from design to launch in three months.

Roboto Studio and 5 others

Jamb: antiques ecommerce on Sanity, Next.js, and headless Shopify

Jamb is a London design house selling antique and reproduction fireplaces, lighting, and furniture, most of it through enquiry rather than checkout. We merged Jamb and Hawker Antiques, two legacy PHP sites, into one platform rebuilt on Sanity, Next.js, and headless Shopify. Build times dropped from 30 minutes to three across 2,000+ pages, and the SEO equity held through the cutover.

Roboto Studio and 4 others