Menu
Preview/editing via draftMode() and getPreview/getDesignLibraryData in App Router pages.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Layout data from getPage/getComponentData; path/locale from extractPath/context.
Registers components in .sitecore/component-map.ts for Pages Router layout and editing.
Creates new Sitecore components under src/components/. Pages Router; map auto-regenerates on dev/build.
Multiple renderings of one component type; regenerate component map after changes.
Next.js i18n via next.config.js; locale from context.locale in data methods.
Preview/editing for Pages Router via context.preview and context.previewData in [[...path]].tsx.
| name | content-sdk-editing-safe-rendering |
| description | Preview/editing via draftMode() and getPreview/getDesignLibraryData in App Router pages. |
Detail: AGENTS-router-specifics.md#data-fetching-and-preview
draftMode() + client.getPreview / getDesignLibraryData directly — never wrap in use cacheuse cacheDocs: Content SDK.