Bring In-Context and Headless Authoring to Your Next.JS App
summary
Quick demo of a real Next.js starter that boots from a GitHub template via npx create-next-app, connects to AEM using the Page JSON API and the headless API for content fragments, and wires up the React Editable SDK so edits in AEM appear in the Next.js app at runtime. Shows SSR for list pages, SSG for detail pages, local run on localhost:3000, and live in-context editing plus component reuse working end-to-end.
AI-written summary · about
chapters (7)
- 0:00Introduction and agenda
- 1:15AEM headless overview
- 3:38Authoring strategies
- 7:45Technical architecture
- 10:35Live technical demo
- 20:16Key takeaways
- 21:57Q&A and closing
related talks
22mHow to add a built-in authoring experience to Next.js
36mNext.js by Example
15mGetting Started with Next.js
15mBuilding Isomorphic JavaScript Apps Faster with Next.js
29mIntegrating a Headless CMS with NextJS
22mUniversal React Apps Using Next.js
09mBuild Projects 10x Faster with Next.js
19mJS Magic Supercharging Web Applications w/ Headless CMS and Modern frontend framework