Dear all, how would one best organize content and layout when moving to Hugo from a pagebuilder site (like Jimdo in my case), where all pages consist of many different content blocks in different layouts on a page?
We want to move our website from Jimdo to Hugo to make it bilingual and to add a blog. The site has 7 rich-content pages today; each page has its unique layout consisting of a number of individual content “blocks” underneath each other. These blocks all have a completely different layout, as it’s typical for a page builder.: e.g.
- revolving slider
- text with image to the left
- twocolumn text with button
- text with image to the right
- fullwidth image
- Newsletter signup form with image
But as we begin to understand Hugo, Hugo seems best-suited for websites where all pages have the same layout and have only one content element that’s then served from the page’s .MD file.
In contrast, in the typical pagebuilder case, each page has its own unique layout and many content elements embedded in the layout. So, the MD files’ out-of-the-box structure — frontmatter plus content — seems unsuitable when we’d need to maintain several content elements per page that are separated by layout structures like images, columns, blocks etc.
So, the concern is not the layout itself — this will be well manageable using Bulma and SCSS — but how to organize several different content blocks per page using Hugo in a way that’s not too confusing for the editors. E.g. it would be good to have all files for one page in one place, rather than having each page scattered over multiple folders for multiple MD files and multiple layout/partial files.
If this sounds too theoretical, please take a quick look at https://www.brandes.org and be so kind to suggest the most advisable way to organize such a pagebuilder layout and content in Hugo. Thank you!
Edit: Our current best guess how to build our pagebuilder-style pages with Hugo would be to have one .MD file per page where every content element is a Markdown String in a frontmatter parameter that’s being mounted (with markdownify) into Bulma’s flexbox HTML elements in the page’s layout file. Would you think this is advisable?