Hello Magnolia
In this beginner tutorial, you will create a simple web page based on a custom-built light module called hello-magnolia
.
Your light module will provide a page template and a custom quotation
component for a web page.
You will learn how to get content from a repository and display it on the page to make it look something like this:
You will develop the page using Magnolia CLI, an npm package which facilitates light development with Magnolia.
This tutorial has been checked against Magnolia CLI version 4.0.9
and node.js v20.13.1
.
Each page of the Hello Magnolia tutorial is tagged with the Hello Magnolia label to help you keep on track.
Are you planning a headless project? Start with the Get Started with Magnolia Headless tutorial. |
What are we going to do?
Tutorial steps
-
First, we’ll get Magnolia if we haven’t installed it already.
-
We’ll create the light module to kick off this tutorial.
-
Then, we’ll create the page template.
-
Next, we’ll create a page based on the template we had just worked on in the previous step.
-
We’ll have a look at how to create an area and the quotation component.
-
Finally, we’ll add the component to the page and see what our page looks like on the public instance.