Uploaded image for project: 'Magnolia Frontend Helpers'
  1. Magnolia Frontend Helpers
  2. MGNLFE-107

SPA demo for headless personalization

XMLWordPrintable

    • HL & LD 35, HL & LD 36, HL & LD 37
    • 3

      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?

       

        Acceptance criteria

              canh.nguyen Canh Nguyen
              czimmermann Christopher Zimmermann
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated:
                Resolved:

                  Task DoR

                    Estimated:
                    Original Estimate - Not Specified
                    Not Specified
                    Remaining:
                    Remaining Estimate - 0d
                    0d
                    Logged:
                    Time Spent - 5d 6.5h
                    5d 6.5h