I completed course and it works on localhost as in the course but when some errors occurred when deploying on vercel as shown in the screenshot. As a self-taught and newbie developer, I couldn't figure it out. May you please help me?
here it is my repo
here it is the error

Thank you for the very helpfull tutorial :)

Unfortunately npm run build doesn't work on the state of this repository, since it tries to download the articles from https://yourwebsite.com/domains/.

Even changing the server variable to constantly http://localhost:3000 doesn't help, since the /api/articles/index.js from the video was not committed.

I believe the ArticleItem.js component needs to be updated to include the "legacyBehavior" prop due to the fact that <a> tags are used as children. Or needs to be refactored to meet the new Link requirements.

possible solution:

import Link from 'next/link'
import articleStyles from '../styles/Article.module.css'

const ArticleItem = ({ article }) => {
  return (
    <Link legacyBehavior href={`/article/${article.id}`}>
      <a className={articleStyles.card}>
        <h3>{article.title} &rarr;</h3>
        <p>{article.body}</p>
      </a>
    </Link>
  )
}

export default ArticleItem