How we work with DatoCMS: a 20-minute walkthrough
Depending on the project, our clients work with either Drupal or DatoCMS. For a growing number of projects, DatoCMS is our headless CMS of choice: it's flexible for developers and, just as importantly, pleasant for editors to work with day to day. To show what that looks like in practice, we recorded a demo video that walks through the full functionality, following the flow we've developed at Wieni. It covers everything from the basic interface to translations. The walkthrough is available in both Dutch and English, so pick whichever works best for you. Below the video you'll find an overview of the chapters, so you know exactly where to find each topic.
Walkthrough in English
Chapters
00:00 Intro. A quick sketch of what to expect and why we made this demo.
00:23 Basic interface & navigation. First impressions matter: what DatoCMS looks like and how to find your way around quickly.
00:52 The content tab. This is where your content lives: pages, records, and a structure that means you never have to go hunting for anything.
2:39 The media tab. One central place for all your images and files, including smart features like automatic focal points and alt texts.
6:28 The visual preview tab. See what you're doing while you're doing it: the preview shows your page exactly as visitors will see it.
7:57 The principle of sections (content blocks). This is the core of our approach: you build pages with content blocks you can combine freely, with a live preview alongside.
9:29 Creating a new page with a hero. From zero to a published page: we start with a hero and set everything up step by step.
11:30 SEO settings. Titles, meta descriptions and social previews: everything you need to get found and shared properly.
13:34 Building a full page with sections. The extended exercise: composing a page with different content blocks and seeing just how flexible that is.
18:47 The info tab. The unsung hero: version history, publication status and all your metadata neatly next to the page.
21:09 Translations. Managing multilingual content without headaches: per field, per page, exactly the way your project needs it.
Demovideo in het Nederlands
Hoofdstukken
00:00 Intro. Een korte schets van wat je kunt verwachten en waarom we deze demo hebben gemaakt.
00:23 Basisinterface en navigatie. De eerste indruk telt: hoe DatoCMS eruitziet en hoe je snel je weg kunt vinden.
00:52 Het tabblad 'Content'. Hier vind je je content: pagina's, records en een structuur waardoor je nooit hoeft te zoeken.
2:39 Het tabblad 'Media'. Eén centrale plek voor al je afbeeldingen en bestanden, inclusief slimme functies zoals automatische focuspunten en alt-teksten.
6:28 Het tabblad 'Visuele preview'. Zie wat je doet terwijl je het doet: de preview toont je pagina precies zoals bezoekers hem zullen zien.
7:57 Het principe van secties (contentblokken). Dit is de kern van onze aanpak: je bouwt pagina's met contentblokken die je vrij kunt combineren, met een live preview ernaast.
9:29 Een nieuwe pagina maken met een hero-pagina. Van nul tot een gepubliceerde pagina: we beginnen met een hero-pagina en zetten alles stap voor stap op.
11:30 SEO-instellingen. Titels, meta-beschrijvingen en social media-voorbeelden: alles wat je nodig hebt om goed gevonden en gedeeld te worden.
13:34 Een volledige pagina bouwen met secties. De uitgebreide oefening: een pagina samenstellen met verschillende contentblokken en zien hoe flexibel dat is.
18:47 Het infotabblad. De onbezongen held: versiegeschiedenis, publicatiestatus en al je metadata overzichtelijk naast de pagina.
21:09 Vertalingen. Meertalige content beheren zonder gedoe: per veld, per pagina, precies zoals jouw project het nodig heeft.
Prefer to watch the whole thing in one go?
Head over to the full demo on Loom. And if you're wondering how DatoCMS would fit your project, do get in touch.
View full Loom video