Adding a Page in Magnolia CMS
This section will walk you through the steps to add a new page in Magnolia CMS, specifically using the 'Next.js SSR: Basic' template and naming the page 'vercel-demo', in line with the environment variable NEXT_APP_MGNL_SITE_PATH.
Navigating to the Pages App
-
Open the Pages App:
Navigate to the pages app within the Magnolia CMS interface.
Adding a New Page
-
Initiate Page Creation:
Click on the option to add a new page by clicking 'Add page' button.
-
Select the Template:
Choose the 'Next.js SSR: Basic' template from the list of available templates. This template is designed for server-side rendered Next.js pages.
-
Name Your Page:
Name your new page 'vercel-demo'. Ensure that it aligns with the
NEXT_APP_MGNL_SITE_PATHenvironment variable set in your project.
Customizing the Page
-
Add Components to Your Page:
After the page is created, you can start adding components.
Look for the green bars in the page editor, which represent areas where you can add new components.
You should see the Next JS app that was deployed to Vercel in the WSYWIG editor. Now you can make changes to the page and see them reflected in the editor and on the live site.