Workshop: From React to Headless Pro with Next.js and Sanity

In this hands-on workshop, we'll explore how Next.js, a React-based framework, can be used to build a static website with server-side rendering and dynamic routing. You'll learn how to use Sanity as a headless CMS to manage your website’s content, create custom page templates with Next.js, use APIs to integrate with the CMS, and deploy your website to production with Vercel.

By the end of this workshop, you will have a solid understanding of how Next.js and Sanity.io can be used together to create a high-performance, scalable, and flexible website.

Who are we?

Rangle was founded in 2013 as the world’s first modern JavaScript consultancy. We're full-stack front-end development experts using product strategy, design and development with lean/agile ways of working.

Staples
BMO
fast retailing
Sanofi
hims & hers
Roche
ALDO
Staples
BMO
fast retailing
Sanofi
hims & hers
Roche
See our work

Want to learn more?

phone with query "what is the best headless CMS" and ChatGPT beginning to reply with "It's"
Nancy Du, Associate Director, Digital Strategy
Yena Lee, Strategist
Ben Hofferber, Technical Director, Digital Innovation
Nataliya Ioffe, Developer
2023-02-06

Plus, what AI won’t tell you about how to choose a headless CMS. Read how Sanity, Contentful, and Strapi compare on features that matter.

Nancy Du, Associate Director, Digital Strategy
Fidelia Ho, Editorial Content Lead
2023-10-03

Going headless does not automatically bestow upon your site better SEO and speed. What it does is give you the freedom, flexibility and control to implement the right strategy for your business. We discuss the technical factors to optimize for SEO and performance in your headless application.

man holding pineapple covering head
Scott Fuller, Developer
Ben Hofferber, Technical Director, Digital Innovation
Nancy Du, Associate Director, Digital Strategy
Nataliya Ioffe, Developer
Yena Lee, Strategist
2023-02-22

A headless CMS offers more flexibility to integrate with a variety of front-end solutions and devices, making it an excellent option for highly scalable and performance-focused websites. Non-technical team members can edit content, optimize for SEO and performance, and use the same content across different channels and touch points.

Headless CMS live preview of a retail website
Nataliya Ioffe, Developer
2023-03-22

By using a live preview in your headless CMS, content authors can have the best of both worlds: a familiar, visual editing experience combined with improved performance, flexibility, and scalability.

strangler fig tree
Willian Corrêa, SVP of Technology, Engineering
2023-05-29

In the first article of our four-part series, The Value Pattern: Migrating to Headless CMS with Confidence, we introduce the value pattern approach and a step-by-step process of how it looks in the context of a CMS migration.

Preview of video recording of webinar, showing Rangle on the first slide
Scott Fuller, Developer
2023-03-03

We walk through the steps of using Sanity Connect to sync data between Shopify & Sanity.