Cloudflare Developers•16mo ago

My Practise NextJS app wont deploy correctly

ok so I'm very new to pages and react/nextjs stuff basically found out about it 2 days ago did some research and then made this for some practise before redoing my main site https://github.com/MylesBolton/Homepage now I tried to deploy it on Cloudflare pages and I just get a black page, im probably doing something wrong, what's the build command I should be using for this app? or have I used something that's not supported on pages? am i just stupid?

GitHub

GitHub - MylesBolton/Homepage: Homepage i use for a custom startpag...

Homepage i use for a custom startpage on my browser - GitHub - MylesBolton/Homepage: Homepage i use for a custom startpage on my browser

10 Replies

MylesBoltonOP•16mo ago

its currently deployed here https://e4fba8e0.homepage-11n.pages.dev/ the error in console is a 404 error cant find tha main app or favicon

Dj•16mo ago

Is your build command npx @cloudflare/next-on-pages@1?

MylesBoltonOP•16mo ago

not that was giving me a different error so i changed over to npm run build but il tray it again try* and the output will be Build output directory: /.vercel/output/static https://59872598.homepage-11n.pages.dev/ that is the old deployment with that method

Dj•16mo ago

This is good! Set that back to your build command, and while you're in there also set this one sec

In your Pages project, go to Settings > Functions > Compatibility Flags.

Configure a nodejs_compat flag for both production and preview.

Above Compatibility Flags, go to Compatibility Date and configure a compatibility date that is at least 2022-11-30 for both production and preview.

In your Pages project, go to Settings > Functions > Compatibility Flags.

Configure a nodejs_compat flag for both production and preview.

Above Compatibility Flags, go to Compatibility Date and configure a compatibility date that is at least 2022-11-30 for both production and preview.

had to dig up the docs

MylesBoltonOP•16mo ago

like this or do i need to set it as a veribles