M6.3 - Content Types and Content Apps

Total time: ~Half a day

”In this course, you will learn how to define structured content in Magnolia and manage it using content apps built with Light Development. You will see how quickly content types can be created and how they serve as the foundation for generating content apps. The main focus is on configuring content apps in detail, including browser and detail subapps, fields, actions, and layout options in AdminCentral.

 

The course also covers how to expose content through Delivery REST endpoints for use in websites, headless frontends, or external systems. All topics are taught using Light Development, emphasizing file-based configuration, fast iteration, and a clear understanding of how content modeling, app configuration, and content delivery work together.

Prerequisites

”Basic familiarity with web development concepts is recommended. It is helpful to have completed the M6.3 – Magnolia Author and Content Editor training to be familiar with AdminCentral basics such as navigating apps, creating content, and editing items.

This course introduces the Magnolia CLI jumpstart and the initial Light Development setup used throughout the Front-End curriculum.”

Chapters

1. Getting started with light development 4 min
2. Preparation: Setting up the environment 20 min
3. Magnolia CLI 10 min
4. Light modules 5 min
5. Exercise: Create a light module 5 min
6. Knowledge check 1 min
7. Resource files app 6 min
8. Exercise: Check the light module in the app 2 min
9. Content Type & Content App: Usecase Overview
10. Content Types and Content Apps 1 min
11. Basics of a Content Type 5 min
12. Datasource Definition 5 min
13. Exercise: Create a new ContentType Event & Its Datasource 5 min
14. Model Definition 8 min
15. Exercise: Define the event's data Model 5 min
16. Basics of a Content App 4 min
17. Automatically Generated Apps 5 min
18. Exercise: Create the Events Content App 12 min
19. JCR 6 min
20. Exercise: Check entries in the JCR browser 4 min
21. Content App Configuration 2 min
22. App: Datasource & Permission 4 min
23. Exercise: Define Permissions and Datasource 5 min
24. App: Browser and Detail Subapps 4 min
25. Intro: Forms in AdminCentral 5 min
26. Detail Subapp: Actions, ItemProvider, Form 6 min
27. Exercise: Enhance the Location & Date Fields of the Detail Subapp 10 min
28. Browser SubApp: General, Actions, Actionbar 4 min
29. Actions: Configuration and Availability 5 min
30. Exercise: Enhance the Activate Action of the Browser Subapp 7 min
31. Browser SubApp: Workbench's Configuration 12 min
32. Exercise: Enhance the Workbench' s Configuration 15 min
33. Actionbar: Configurations & Availability 5 min
34. Admin central: App Launcher Layout 6 min
35. Exercise: Change Where Events App is Shown in Admincentral 4 min
36. The RestEndpoint 7 min
37. Exercise: Create a new Events RestEndpoint 8 min
38. Retrieving Data From a Workspace 4 min
39. Congratulations! 1 min
40. Author and Public Servers

About the teacher

Tu Bo Xuan
Senior Solution Architect