Next.js Deployment 404 Error Cloudflare pages.

Here is my folder structure

Pages
index.tsx
_app.tsx

package.json
{
"private": true,
"scripts": {
"build": "npx next build",
"start": "next start"
},
"dependencies": {
"@next/react-refresh-utils": "^14.2.2",
"@zeit/next-sass": "^1.0.1",
"install": "^0.13.0",
"next": "latest",
"react": "18.2.0",
"react-dom": "18.2.0",
"sass": "^1.75.0"
},
"engines": {
"node": ">=18"
},
"devDependencies": {
"@types/node": "20.12.7",
"@types/react": "18.2.79",
"typescript": "5.4.5"
}
}



When deploy to cloudflare pages hosting the below url is giving 404

https://896864e9.nextjs-website-b9q.pages.dev/

Please fix asap