How to create CI/CD pipeline for NextJS app with .yml and gitlab?

I followed a tutorial on youtube Link to create a ci/cd pipeline for deployment on netlify. The builds are successful but the deploy shows a 404 page. Link to deployed site

I'm posting the yml commands below

stages:
  - lint
  - build
  - deploy
lint project:
  stage: lint
  image: node:15
  script:
    - npm install
    - npm run lint
build project:
  stage: build
  image: node:15
  script:
    - npm install
    - npm run build
  artifacts:
    paths: 
      - .next
netlify:
  stage: deploy
  image: node:15
  script:
    - npm set prefix ~/.npm; path+=$HOME/.npm/bin
    - path+=./node_modules/.bin
    - npm install -g netlify-cli
    - netlify deploy --dir=.next --prod

I'm trying to create a Next JS boilerplate to be used in my future projects & Through CI/CD pipeline i'm looking for automated deployment. Any help or link to resources would be appreciated.