Skip to main content

All Activities

1505 results returned
  • Block Factory Mapper

    The Block Factory Mapper is a design pattern that allows for dynamic rendering of different types of content blocks. It's particularly useful when working with a headless CMS like Optimizely, where the structure and types of content can vary significantly.

    • Beginner
  • Image Loader for Next.js

    Learn why you should use a CDN for images and how to set up a Custom Image Loader. This page will show you how to configure Next.js, create the loader, and use it in Your Components.

    • Beginner
  • Project setup

    Whether you need Next.js or Environment Variables information, want to know how to Add shadcn/ui, or add a Prettier Configuration, check out this page to learn how to set up your SaaS CMS project. 

    • Rating 3.7
    • Beginner
  • Content Modeling

    Import this file to quickly set up content types and sample content in Optimizely SaaS CMS. This will save you time by avoiding manual configuration.

    • Beginner
  • Code Cleanup

    By following these steps, you'll improve your code quality, type safety, and SEO to your Next.js project with Optimizely CMS.

    • Beginner
  • Fetching Data

    Learn about fetching data for GraphQL Codegen, Creating a Custom Fetcher or Wrapper Function, and general information about Type Guards, Creating Your First Query, and Usage of SDK. 

    • Rating 1.0
    • Beginner
  • GraphQL Queries

    In this section, we'll explore how to create scalable and maintainable GraphQL queries for fetching content from Optimizely SaaS CMS. We'll focus on using fragments for blocks and handling multiple items in ContentArea.

    • Beginner
  • Multi Language

    Localization allows your web application to reach a global audience by providing content in multiple languages. This guide explains how to implement localization in Next.js using Optimizely SaaS CMS.

    • Beginner
  • Routing in Next.js

    Next.js uses a file-based routing system that's intuitive and powerful. Here's how to implement it in an Optimizely SaaS CMS project. Learn about organizing routes without affecting the URL structure, creating multiple root layouts and grouping routes for better code organization.

    • Beginner
  • Design

    v0 is an AI coding assistant by Vercel that helps developers quickly create React components with styling. This guide explains how to use free Figma resources and Vercel's v0 AI assistant to speed up your design and development process.

    • Beginner
  • Generating Static Params

    Next.js provides a powerful feature called generateStaticParams that optimizes your application by pre-rendering pages at build time. When implemented in the root layout, it offers significant benefits for localized applications.

    • Beginner
  • CMS SaaS Developer

    Watch the recording of this live training session, which works great as an exam prep session with Remko Jantzen, Principal Enablement Manager, Sales Enablement, to enhance your CMS SaaS development skills and prepare for the Expert Competency certification. We cover...

    • Duration 2h
    • Intermediate
  • ODP segmentations & real-time segmentations

    Watch this recording on the Optimizely Data Platform (ODP) session, where we dive deep into Segmentation and Real-time Segments. Our ODP expert, Matthew Nonnamaker, will lead the session. Agenda: Key differences between Segments and Real-time Segments Building event-based segmentation...

    • Duration 1h
    • Intermediate