Creating a Landing Page using the Atomic Design System

December 1, 2021  |  7:30am PST

In this lesson you'll learn how to apply Atomic Design principals to content creation to enable Single Source of Truth (SSoT) in our content. This will allow you to distribute that content to many delivery channels including websites, mobile apps, iOT devices, VR / AR and others.

We will use NextJS, responsive images with imgIX, DatoCMS and GraphQL to create a landing page content module based on the Atomic Design principles. We'll use those modules to create multiple landing pages for different brands to see the flexibility in action.

You'll receive an email notification when the lesson is live.

Meet the Lesson Presenters

Rodrigo Barona
Engineering & Design Lead
Wunderman Thompson
Marcelo Lewin
Headless Creator

Get the Free Course

Focus on DatoCMS

This lesson is part of a full course focused on DatoCMS content authors, administrators and developers. Want to get it now? It's 100% free. Click below to learn more about it.
Created with