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

React editor has experimental NEXT.js 13 App Router

    XMLWordPrintable

Details

    • Epic
    • Resolution: Fixed
    • Neutral
    • 1.6
    • None
    • None
    • None
    • React RSC
    • Yes
    • Yes

    Description

      Status

      As documented here: https://docs.magnolia-cms.com/headless/spa-development/magnolia-front-end-helpers-for-SPA.html
       

      React Server Components (RSC) and NextJS App Router
      Experimental support for React Server Components and NextJS App Router is available in version 1.6-experimental.6 of the react-editor.
      To learn more about this feature and to try it in a demo, see README-nextjs-app-router.md (in the minimal-headless-spa-demos repository).

      (ON the nextjs-app-router-demo branch)

      Ticket

      Support App Routing in Next JSS 13 and "React Server Components".

      Discovery was done here: https://jira.magnolia-cms.com/browse/MGNLFE-466

      Plan of action: 

       
      Replace React.createContext() in EditorContext.js using a global singleton that can share data between components:

      • Consider moving unchanged data in 1 js singleton (componentMappings, fallbackComponent, devMode)
      • And easy changed data in another js (content from page, templateAnnotations)

      Move from class components to functions and pls following with ordered tickets:

       
      1. EditableComment (interactivity component)

      2. EditableComponent (no interacty)

      3. EditableArea (no interacty)

      4. EditablePage (no interacty)

      5. RegiterEvents with PageEditorBridge (interactivity component, just use hook, no render needed)

      Full notes are here: https://wiki.magnolia-cms.com/display/TH2/SPA+Editor+and+Next+13+and+RSC

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                czimmermann Christopher Zimmermann
                oanh.thai Oanh Thai Hoang
                DeveloperX
                Votes:
                0 Vote for this issue
                Watchers:
                4 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:
                  Work Started: