Build Your Content in a Truly Atomic Way​

Anton Staroverov  •  17. March 2018  •  DrupalCamp Rhur

Bricks module:

Build Your Content in a Truly Atomic Way​

Anton Staroverov  •  17. March 2018  •  DrupalCamp Transylvania

Bricks module:

I AM FROM

Content Platforms

 

Web Services

 

Mobile Web Apps

 

[+] Swiss Made

Wondrous LLC

ME

Product Vision

 

User Experience

 

Frontend

 

Backend

Anton Staroverov

Design Systems

  1. Drupal Problem
  2. Bricks Demo
  3. Bricks Insights
  4. Bricks + Paragraphs
  5. Bricks + Layout Builder
  6. Bricks Horizons

Agenda

#1 Drupal
Problem

#2 Bricks
Demo!

Layout Builder

"I want this layout to contain this data"

Bricks

"I want this data to be rendered in this layout"

Paragraphs

"I want to have these types
of data"

per entity

 

field type
-
-

per field

 

field type
-
field formatter

per field

 

-
field widget
-

Layout
Builder

Content
Builder

Content
Storage

#3 Bricks
Insights

by Karl 👋

or "Thx Karl"

#4 Bricks +

Paragraphs

#5 Bricks +

Layout Builder

DrupalCamp Transylvania 2018

Layout

Content

Layout Builder Bricks
Context Global layout Inner content
Micro layouts
Global layout
UI Frontend Backend
Frontend
Attached to Entity Field
Purpose Layout Builder UI/Content Builder
Use Cases Header, Footer, Content, Sidebar Blog post body
Long textual page body
Tabs / Accordion / ...
Atomic Design Pages, Templates Organisms, Molecules

 Surprise: Works together!  

#6 Bricks

Horizons

DrupalCamp Rhur 2018

Frontend UI

Thanks to Settings Tray and Quick Edit!

Layout UI

Compose reusable layouts on the fly, w/o frontend!

Modifiers

Thanks to Modifiers and Paragraphs Behaviors!

Dynamic ER

Reference any Entity w/o wrapping it in another Entity!

Bricks + DER
Demo!

BUILD YOUR OWN WAY OF SITE BUILDING

THA  
  NKS

Join the Bricks world:

Don't miss — Dev Days Lisboa:

Made with Slides.com