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

SPA demo for headless personalization

    XMLWordPrintable

Details

    • HL & LD 35, HL & LD 36, HL & LD 37
    • 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?

       

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoR

                    Time Tracking

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