Impacted feature
Prismic Preview with Next.js Static Export
What steps have you taken to resolve this issue already?
Integrate the Prsimic Preview Script Tag.
Errors
If someone chnages the content on a page it shows the changes in the Preview of the Slice Machine. But when saving the page and open the site as a preview, the content doesn't change. The Preview Toolbar on the bottom of the site is visible and shows which site was changed. Also the tab gets automatically refreshed when changing and saving a page in Prismic.
I have also some Gatsby sites connected with Prismic. There I use the gatsby-plugin-prismic-previews Plugin. It works perfectly fine.
Your Role
Developer
Hosting provider
Vercel / Localhost
Package.json file
{
"name": "next-page-router",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "concurrently \"npm:next:dev\" \"npm:slicemachine\" --names \"next,slicemachine\" --prefix-colors blue,magenta",
"next:dev": "next dev",
"build": "next build && next-image-export-optimizer",
"start": "npx serve@latest out",
"lint": "next lint",
"slicemachine": "start-slicemachine"
},
"dependencies": {
"@emotion/react": "^11.11.4",
"@emotion/styled": "^11.11.0",
"@formspree/react": "^2.5.1",
"@gsap/react": "^2.1.0",
"@next/third-parties": "^14.2.3",
"@prismicio/client": "^7.3.1",
"@prismicio/next": "^1.5.0",
"@prismicio/react": "^2.7.3",
"@react-email/container": "0.0.12",
"@react-email/html": "0.0.8",
"@react-email/section": "0.0.12",
"@react-email/text": "0.0.8",
"@theme-ui/core": "^0.16.2",
"@theme-ui/css": "^0.16.2",
"@theme-ui/match-media": "^0.16.2",
"@theme-ui/presets": "^0.16.2",
"@types/node": "^20.8.9",
"@types/react": "^18.2.33",
"@types/react-dom": "^18.2.14",
"@types/theme-ui": "^0.6.0",
"@types/uuid": "^9.0.8",
"@vercel/speed-insights": "^1.0.10",
"express-rate-limit": "^7.2.0",
"formik": "^2.4.5",
"framer-motion": "^11.1.7",
"glightbox": "^3.3.0",
"gsap": "^3.12.5",
"hamburger-react": "^2.5.0",
"next": "^14.2.3",
"next-image-export-optimizer": "^1.13.0",
"nodemailer": "^6.9.13",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-email": "^1.10.1",
"react-hook-form": "^7.51.3",
"react-modal-video": "^2.0.1",
"sharp": "^0.33.4",
"swiper": "^11.1.0",
"theme-ui": "^0.16.2",
"vanilla-cookieconsent": "^3.0.1",
"yup": "^1.4.0"
},
"devDependencies": {
"@slicemachine/adapter-next": "^0.3.38",
"@types/eslint": "^8",
"@types/gtag.js": "^0.0.19",
"@types/nodemailer": "^6.4.14",
"@types/react-modal-video": "^1.2.3",
"concurrently": "^8.2.2",
"eslint": "^8.57.0",
"eslint-config-next": "^14.0.1",
"eslint-config-prettier": "^9.1.0",
"prettier": "^3.2.5",
"slice-machine-ui": "^1.26.0",
"typescript": "^5.2.2"
}
}