Futurepedia

5500+ AI Tools, one hell of a GROQ query and Top-notch Structured Content. Building the perfect editorial experience with Futurepedia

By Roboto Studio & Jono Alford and 3 others

Project Shots

What a beautiful homepage, complete with morphing gradient - see if you can spot it

All categories, one giant GROQ query broken into lots of sub queries to ensure performance is top notch, even with 5500+ tools

ChatGPT Plugins directory page, complete with Typesense search

A gigantic page which shows all Newsletter Archives, check out all the interesting news documents

Upcoming AI Conferences page, with a subtle grid pattern up top

Editing environment

Editorial flow with the new Sanity Studio (3.23.4)

More compact layouts with the latest Sanity Studio UI overhaul

About the project

It's not like us to flex... but when you can maintain performance for 5500+ AI tools and nearly 20,000 documents in total, we're going to have to... 💪

Humble-brag over, let's talk about some of the tech:

Parent child category schema generated with Sanity
Highly optimised GROQ queries and pagination
SEO rich content throughout
5500+ AI tools and growing
Tailwind CSS complete refactor
App router usage throughout - React Server Components
Using server actions & typesense for search
Open graph image generation
Profile area with bookmarked content

It's about as high-tech as modern web development gets, and the icing on the cake... It was built in 6 weeks flat.

☎︎ 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

Shreyas R

Fullstack Developer at Roboto Studio

Snehil Tripathi

Project manager, full time cat whisperer

Related contributions

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.

Roboto Studio and 2 others

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