원클릭으로
content-sdk-editing-safe-rendering
Preview/editing via draftMode() and getPreview/getDesignLibraryData in App Router pages.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
Preview/editing via draftMode() and getPreview/getDesignLibraryData in App Router pages.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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.getPreviewData(await headers()) then getPreview / getDesignLibraryDataDocs: Content SDK.