# uniform-nextjs-page-router

> Claude/Codex skill by [@uniformdev](https://omgskills.com/library/uniformdev/index.md) · 2 stars · Updated 2026-10-08

Guides integration of Uniform CMS with Next.js Page Router. Covers project setup, component registration with registerUniformComponent, fetching compositions with withUniformGetServerSideProps, rendering slots and parameters, contextual editing preview, personalization and A/B testing with Uniform Context, and how the Page Router integration differs from the App Router. Use when adding Uniform to a Next.js Page Router project, creating registered Uniform components, or configuring personalization and A/B testing.

## Install

```sh
git clone https://github.com/uniformdev/agent-skills /tmp/agent-skills && ln -s /tmp/agent-skills/skills/uniform-nextjs-page-router ~/.claude/skills/uniform-nextjs-page-router
```

## From README

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.

## Links

- HTML page: https://omgskills.com/library/uniformdev/agent-skills/skills/uniform-nextjs-page-router/
- GitHub: https://github.com/uniformdev/agent-skills
- Author: [@uniformdev](https://omgskills.com/library/uniformdev/index.md)

## More from this repo

- [uniform-content-modeling](https://omgskills.com/library/uniformdev/agent-skills/skills/uniform-content-modeling/index.md) — Best practices for content modeling in Uniform — designing content types with well-chosen fields, validations, and...
   - [@uniformdev](https://omgskills.com/library/uniformdev/index.md) · 2 stars
- [uniform-enrichment-recommendations](https://omgskills.com/library/uniformdev/agent-skills/skills/uniform-enrichment-recommendations/index.md) — Used to add personalized, relevance-ranked content recommendations to a Uniform + React/Next.js project by boosting...
   - [@uniformdev](https://omgskills.com/library/uniformdev/index.md) · 2 stars
- [uniform-experience-modeling](https://omgskills.com/library/uniformdev/agent-skills/skills/uniform-experience-modeling/index.md) — Best practices for experience modeling in Uniform — designing component definitions with well-chosen parameters, slots,...
   - [@uniformdev](https://omgskills.com/library/uniformdev/index.md) · 2 stars