Masterclass: Get started with Headless using Optimizely CMS (PaaS & SaaS)

In this masterclass, we dive into the building a headless site with Optimizely SaaS CMS! We explore the key aspects of modern web development using Next.js, React, and TypeScript, while integrating seamlessly with Optimizely SaaS CMS.

We start with an introduction to Vercel and v0, led by special guest Farhan Ali, Sales Engineer at Vercel, who shares insights into the latest innovations in frontend development and deployment.. Then, we move on to an overview of Optimizely SaaS CMS and its benefits, followed by setting up a Next.js 15 project with essential tools like Tailwind CSS.

From there, we cover content modeling, GraphQL queries, and localization, ensuring structured and scalable content delivery. We also explore advanced features and integrations, including Visual Builder, preview environments, and caching strategies for optimal performance.

Additionally, we compare Optimizely CMS SaaS and PaaS, highlighting their differences and helping you determine the best fit for your projects. Finally, we wrap up with a Q&A session, giving learners the opportunity to clarify concepts and discuss implementation strategies.

By the end of this masterclass, you’ll have a fully functional headless site and a solid understanding of how to build, manage, and scale Optimizely-powered applications efficiently.

Agenda:

• Welcome and Introductions

• Introduction to Vercel and v0 – Special Guest: Farhan Ali, Sales Engineer at Vercel

• Project Setup and Data Fetching

• Building a Dynamic Website with Next.js and Optimizely

• Content Modeling and GraphQL Queries

• Localization

• Advanced Features and Integration (Visual Builder, Preview, Caching Strategies)

• Visual Builder

• Comparing Optimizely CMS SaaS and Optimizely CMS PaaS

• Q&A