Magnolia Academy
/
Courses
/
M6.2 - Headless Magnolia
/ Exercise: Create SPA x Magnolia Create Contact Page
Courses
Learning Paths
FAQ
Book a demo
My profile
Exercise: Create SPA x Magnolia Create Contact Page
All lessons
✕
1
Setting up the environment
2
Headless Magnolia
3
Preparation
4
Magnolia Infrastructure Overview
5
Delivery Endpoint API Configuration
6
Exercise: Create Delivery Endpoint for Pages
7
Solution: Create Delivery Endpoint for Pages
8
Delivery Endpoint API Methods
9
Exercise: Extend Pages Endpoint Definition and Practice Using Methods
10
Solution: Extend Pages Endpoint Definition and Practice Using Methods
11
Delivery Endpoint API Localized Content
12
Exercise: Fetch Localized Content
13
Solution: Fetch Localized Content
14
Delivery Endpoint API Resolving References
15
Exercise: Extend Pages Endpoint With Images and Tour Types Resolver
16
Solution: Extend Pages Endpoint With Images and Tour Types Resolver
17
GraphQL API
18
Security Configuration
19
Exercise: Allow Anonymous Access to Pages Endpoint
20
Solution: Allow Anonymous Access to Pages Endpoint
21
CORS
22
Exercise: Check CORS on Your Magnolia Instance
23
Solution: Check CORS on Your Magnolia Instance
24
SPA in Light Development
25
Magnolia Front-end Helpers for SPA
26
Exercise: Create SPA x Magnolia Initial Setup
27
Exercise: Create SPA x Magnolia Page
28
Exercise: Create SPA x Magnolia Component
29
Exercise: Create SPA x Magnolia Create Contact Page
Exercise: Create SPA x Magnolia Create Contact Page