M6.4 - 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.4 – 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. System I18N 12 min
20. Exercise: Translate the Events App Labels 12 min
21. JCR 6 min
22. Exercise: Check entries in the JCR browser 4 min
23. Content App Configuration 2 min
24. App: Datasource & Permission 4 min
25. Exercise: Define Permissions and Datasource 5 min
26. App: Browser and Detail Subapps 4 min
27. Intro: Forms in AdminCentral 5 min
28. Detail Subapp: Actions, ItemProvider, Form 6 min
29. Exercise: Enhance the Location & Date Fields of the Detail Subapp 10 min
30. Browser SubApp: General, Actions, Actionbar 4 min
31. Actions: Configuration and Availability 5 min
32. Exercise: Enhance the Activate Action of the Browser Subapp 7 min
33. Browser SubApp: Workbench's Configuration 12 min
34. Exercise: Enhance the Workbench' s Configuration 15 min
35. Actionbar: Configurations & Availability 5 min
36. Definition decorator 8 min
37. Exercise: Decorate an app label 5 min
38. Definitions App 10 min
39. Admin central: App Launcher Layout 6 min
40. Exercise: Change Where Events App is Shown in Admincentral 4 min
41. The RestEndpoint 7 min
42. Exercise: Create a new Events RestEndpoint 8 min
43. Retrieving Data From a Workspace 4 min
44. Congratulations! 1 min

About the teacher

Tu Bo Xuan
Senior Solution Architect