Creating a Landing Page using the Atomic Design System

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.

To watch this lesson for free, you'll need to register. Once registered, you'll have access to it and the entire course.

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.