Next.js Discord

Discord Forum

Nextjs Prismic new build API preview build errors

Unanswered
Exotic Shorthair posted this in #help-forum
Open in Discord
Exotic ShorthairOP
Hi, Nextjs newbie here. I have a new Nextjs app connected with Prismic (npx create-next-app@latest). At first I could build the app (npm run build), but after adding Prismic Slicemachine with npx @slicemachine/init@latest I get two errors regarding the build-in API preview of Prismic (see screenshots). Can anybody help me please? Thank you!

Error occurred prerendering page "/api/preview". Read more: https://nextjs.org/docs/messages/prerender-error
Error: Page with dynamic = "error" couldn't be rendered statically because it used request.url.

Error occurred prerendering page "/api/exit-preview". Read more: https://nextjs.org/docs/messages/prerender-error
Error: Page with dynamic = "error" couldn't be rendered statically because it used draftMode().disable().

2 Replies

Exotic ShorthairOP
Package.json:
{
"name": "portfolio-website",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint",
"slicemachine": "start-slicemachine"
},
"dependencies": {
"@prismicio/client": "^7.3.1",
"@prismicio/next": "^1.3.6",
"@prismicio/react": "^2.7.3",
"clsx": "^2.0.0",
"next": "13.5.4",
"react": "^18",
"react-dom": "^18",
"react-icons": "^4.11.0"
},
"devDependencies": {
"@slicemachine/adapter-next": "^0.3.20",
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",
"autoprefixer": "^10",
"eslint": "^8",
"eslint-config-next": "13.5.4",
"postcss": "^8",
"slice-machine-ui": "^1.17.0",
"tailwindcss": "^3",
"typescript": "^5"
}
}
Exotic ShorthairOP
Anyone?