uniform-nextjs-page-router
Installation
SKILL.md
Uniform with Next.js Page Router
Integration guide for wiring Uniform CMS to a Next.js application using the Page Router. The Page Router integration uses @uniformdev/canvas-next and @uniformdev/canvas-react with SSR via getServerSideProps.
Key differences from App Router
| Aspect | Page Router | App Router |
|---|---|---|
| Component mapping | registerUniformComponent() registry + barrel file |
resolveComponent function |
| Data fetching | withUniformGetServerSideProps in catch-all route |
retrieveRoute in async server component |
| Imports | @uniformdev/canvas-next + @uniformdev/canvas-react |
@uniformdev/canvas-next-rsc |
| Slot rendering | <UniformSlot name="slotName" /> |
<UniformSlot context={context} data={component} slot={slots.name} /> |
| Text rendering | <UniformText parameterId="..." placeholder="..." /> |
<UniformText component={component} context={context} parameterId="..." /> |
| Context manifest | Required — download and embed in build | Not needed (handled server-side) |