I have been trying to follow the Next.js tutorial, and have reached chapter 6. However, when trying to deploy to Vercel, I encounter one of two problems

Problem 1: Deployment with the "Other" framework will allow the project to build, but return a 404 NOT_FOUND error once build is complete
Problem 2: Deployment with the "Next.js" framework selected will throw the following error

Error: No Next.js version could be detected in your project. Make sure `"next"` is installed in "dependencies" or "devDependencies"

I have tried to add next into the dependencies, but still get the same error.
The code can be found here: https://github.com/IronForce-Auscent/nextjs-tutorial

In case the repo ever disappears for whatever reason, here is my package.json

{
  "private": true,
  "scripts": {
    "build": "next build",
    "dev": "next dev",
    "start": "next start"
  },
  "dependencies": {
    "@heroicons/react": "^2.1.4",
    "@tailwindcss/forms": "^0.5.7",
    "@vercel/postgres": "^0.8.0",
    "autoprefixer": "10.4.19",
    "bcrypt": "^5.1.1",
    "clsx": "^2.1.1",
    "next": "15.0.0-canary.56",
    "next-auth": "5.0.0-beta.19",
    "postcss": "8.4.38",
    "react": "19.0.0-rc-f38c22b244-20240704",
    "react-dom": "19.0.0-rc-f38c22b244-20240704",
    "tailwindcss": "3.4.4",
    "typescript": "5.5.2",
    "use-debounce": "^10.0.1",
    "zod": "^3.23.8"
  },
  "devDependencies": {
    "@types/bcrypt": "^5.0.2",
    "@types/node": "20.14.8",
    "@types/react": "18.3.3",
    "@types/react-dom": "18.3.0"
  },
  "engines": {
    "node": ">=20.12.0"
  }
}

`

Additional note: Im not sure if this is also part of the problem, but in chapter 1 I was unable to run the full command that was specified, so I just cloned the repo and deleted everything else but the starter-example folder, and went on from there