menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

Gatsby

Fast in every way that matters. Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.

Channels
Team

Custom block position

December 3, 2019 at 5:40am

Custom block position

December 3, 2019 at 5:40am
Hello, 👋 I'm a total freshman with gatsby. Maybe someone can point out what content system or something else I can use to create content as here https://sotnychenko.com/2/. What do I mean? I want to use some CMS or something for a non-tech person to easily create content. I want to have a p possibility to place any random blocks in random places? Maybe some visual CMS? The structure of header/footer/navigation will be the same but the layout of the content part could be changed from page to page.

December 3, 2019 at 1:38pm
You could, through the use of custom components, accomplish this with Netlify CMS and MDX. It would take some legwork on your part, but this combination allows you to make UI widgets for any arbitrary custom components you want that can be placed inline with regular written content.
For example, with the images on the page you shared, you could make a component that displays images and accepts parameters for arbitrary positioning that translates into absolute CSS rules, as well as another component that displays multiple images in a row. The background images could possibly be handled as either a separate component widget, or as an option on the singular image widget that sends it into the background with z-index.
By default, the editor experience would use groups of data fields to enter things in- more Wordpress Gutenberg than Squarespace or Wix visual.
Good luck!

December 4, 2019 at 1:58am