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 <info@balazsorban.com>
13 lines
319 B
TypeScript
13 lines
319 B
TypeScript
import { PrismicPreview } from '@prismicio/next'
|
|
import { repositoryName } from '../lib/prismic'
|
|
import '../styles/index.css'
|
|
|
|
function MyApp({ Component, pageProps }) {
|
|
return (
|
|
<PrismicPreview repositoryName={repositoryName}>
|
|
<Component {...pageProps} />
|
|
</PrismicPreview>
|
|
)
|
|
}
|
|
|
|
export default MyApp
|