mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
3ede313e1f
## Documentation / Examples - [ ] Make sure the linting passes by running `pnpm lint` - [x] The examples guidelines are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing.md#adding-examples) **Note**: `pnpm lint` fails on code unrelated to the changes in this PR. This PR updates the [Prismic](https://prismic.io/) CMS example (`examples/cms-prismic`) to use the latest Prismic libraries, tools, and conventions. - Uses `npx @slicemachine/init` to bootstrap new Prismic accounts and content repositories. - Uses [Slice Machine](https://prismic.io/docs/technologies/slice-machine) to model content. - Uses [Slices](https://prismic.io/docs/technologies/slice) to write post content. - Uses the latest versions of the following packages: - `@prismicio/client` - `@prismicio/helpers` - `@prismicio/react` - `@prismicio/next` - Adds generated TypeScript types for Prismic content. The example remains as a JavaScript codebase (i.e. not TypeScript), but makes use of the types via JSDoc. Co-authored-by: Balázs Orbán <[email protected]>
141 lines
4.4 KiB
JSON
141 lines
4.4 KiB
JSON
{
|
|
"slices": {
|
|
"components": {
|
|
"image": {
|
|
"library": "slices",
|
|
"id": "image",
|
|
"name": "Image",
|
|
"description": "Image",
|
|
"model": {
|
|
"id": "image",
|
|
"type": "SharedSlice",
|
|
"name": "Image",
|
|
"description": "Image",
|
|
"variations": [
|
|
{
|
|
"id": "default",
|
|
"name": "Default",
|
|
"docURL": "...",
|
|
"version": "sktwi1xtmkfgx8626",
|
|
"description": "Image",
|
|
"primary": {
|
|
"image": {
|
|
"type": "Image",
|
|
"config": {
|
|
"label": "Image",
|
|
"constraint": {},
|
|
"thumbnails": []
|
|
}
|
|
}
|
|
},
|
|
"items": {},
|
|
"imageUrl": "https://images.prismic.io/slice-machine/621a5ec4-0387-4bc5-9860-2dd46cbc07cd_default_ss.png?auto=compress,format"
|
|
}
|
|
]
|
|
},
|
|
"mocks": {
|
|
"default": {
|
|
"variation": "default",
|
|
"version": "sktwi1xtmkfgx8626",
|
|
"items": [{}],
|
|
"primary": {
|
|
"image": {
|
|
"dimensions": {
|
|
"width": 900,
|
|
"height": 500
|
|
},
|
|
"alt": null,
|
|
"copyright": null,
|
|
"url": "https://images.unsplash.com/photo-1493397212122-2b85dda8106b"
|
|
}
|
|
},
|
|
"slice_type": "image"
|
|
}
|
|
},
|
|
"meta": {
|
|
"fileName": "index",
|
|
"extension": "tsx"
|
|
},
|
|
"screenshotPaths": {
|
|
"default": {
|
|
"path": "/Users/angeloashmore/projects/prismic/nextjs/examples/cms-prismic/.slicemachine/assets/slices/Image/default/preview.png",
|
|
"width": 800,
|
|
"height": 444
|
|
}
|
|
}
|
|
},
|
|
"text": {
|
|
"library": "slices",
|
|
"id": "text",
|
|
"name": "Text",
|
|
"description": "Text",
|
|
"model": {
|
|
"id": "text",
|
|
"type": "SharedSlice",
|
|
"name": "Text",
|
|
"description": "Text",
|
|
"variations": [
|
|
{
|
|
"id": "default",
|
|
"name": "Default",
|
|
"docURL": "...",
|
|
"version": "sktwi1xtmkfgx8626",
|
|
"description": "Text",
|
|
"primary": {
|
|
"text": {
|
|
"type": "StructuredText",
|
|
"config": {
|
|
"label": "Text",
|
|
"placeholder": "Rich text with formatting",
|
|
"allowTargetBlank": true,
|
|
"multi": "paragraph,preformatted,heading1,heading2,heading3,heading4,heading5,heading6,strong,em,hyperlink,image,embed,list-item,o-list-item,rtl"
|
|
}
|
|
}
|
|
},
|
|
"items": {},
|
|
"imageUrl": "https://images.prismic.io/slice-machine/621a5ec4-0387-4bc5-9860-2dd46cbc07cd_default_ss.png?auto=compress,format"
|
|
}
|
|
]
|
|
},
|
|
"mocks": {
|
|
"default": {
|
|
"variation": "default",
|
|
"version": "sktwi1xtmkfgx8626",
|
|
"items": [{}],
|
|
"primary": {
|
|
"text": [
|
|
{
|
|
"type": "paragraph",
|
|
"text": "Pariatur consequat eu eiusmod cillum velit excepteur ex sit sit dolore dolor labore ullamco.",
|
|
"spans": []
|
|
},
|
|
{
|
|
"type": "paragraph",
|
|
"text": "Et nisi elit dolor pariatur pariatur nisi non est cillum aute.",
|
|
"spans": []
|
|
},
|
|
{
|
|
"type": "paragraph",
|
|
"text": "Officia deserunt sunt ad ut anim quis.",
|
|
"spans": []
|
|
},
|
|
{
|
|
"type": "paragraph",
|
|
"text": "Est consequat enim id quis consectetur exercitation reprehenderit. Nulla ut ut consequat ipsum nulla duis consequat nostrud eiusmod eiusmod ex incididunt consequat consequat minim. Esse adipisicing ullamco officia incididunt excepteur dolor nisi magna incididunt adipisicing anim.",
|
|
"spans": []
|
|
}
|
|
]
|
|
},
|
|
"slice_type": "text"
|
|
}
|
|
},
|
|
"meta": {
|
|
"fileName": "index",
|
|
"extension": "tsx"
|
|
},
|
|
"screenshotPaths": {}
|
|
}
|
|
}
|
|
}
|
|
}
|