[MGNLFE-107] SPA demo for headless personalization Created: 04/Aug/21  Updated: 17/Sep/21  Resolved: 08/Sep/21

Status: Closed
Project: Magnolia Frontend Helpers
Component/s: None
Affects Version/s: None
Fix Version/s: None

Type: Task Priority: Major
Reporter: Christopher Zimmermann Assignee: Canh Nguyen
Resolution: Done Votes: 0
Labels: VN-Analysis, VN-Implementation, VN-Testing
Remaining Estimate: 0d
Time Spent: 5d 6.5h
Original Estimate: Not Specified

Issue Links:
Relates
relates to MGNLFE-104 Create a simple demo for headless per... Closed
dependency
depends upon MGNLPN-571 "Preview as Visitor" spinner does not... Closed
Template:
Acceptance criteria:
Empty
Task DoR:
Empty
Epic Link: Headless p13n
Sprint: HL & LD 35, HL & LD 36, HL & LD 37
Story Points: 3

 Description   

As a developer I can quickly see what Magnolia offers as far as p13n and understand how to use it in my own project.

Create or update a SPA-editor demo so that it includes headless p13n feature. 

Topher and Dominic discussed:

  • Modifying the existing minimal-headless-spa-demos project.
  • Implement for React only to start with.
  • Create a new child page to keep things clear. title: "Personalization".
  • Page has a form where user should enter their age as a number.
  • Frontend stores whether user is "child", "adult" or "senior". And passes this value with requests to Magnolia. (Maybe as cookie if that works, or as header or querystring.)
  • Page also has a personalized component (headline or paragraph)
    • Original: "Enter your age to see a personalized activity."
    • Child: "Hey young person, how about riding some BMX on the pump track?"
    • Adult: "Hey grown-up, how about a mountain bike ride?"
    • Senior: "Hey senior, how about an e-bike ride on the shore?

 


Generated at Mon Feb 12 05:44:18 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.