In a recent project I designed, I planned for a simple header. For desktop screens, the design called for a logo on the left and the navigation to be centered. On mobile screens, the design called for a logo on the left, a hamburger icon on the right, and full overlay navigation when active. Here is the design:


Taking advantage of Strapi’s Dynamic Zone while using Gatsby Image

Setup

I was recently working on a project where I was using Strapi for the CMS and Gatsby to build out the front-end. If you don’t know, Strapi is an open-source headless CMS with a fully customizable API. It’s really easy to work with and while I think there are some features that need to be implemented/worked on, I would recommend it to anybody. The Strapi team appears to be heading in the right direction.

After building out some Content Types and Components within the Strapi Admin, I used Strapi’s GraphQL playground to inspect the Docs and saw that the ‘Dynamic…

Brad Douglas

I’m a creative developer focusing on refined digital experiences. Mostly web design and development, but furniture might show up too

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store