Deploying Next.js App to GitLab pages

.gitlab-ci.yml

image: node

before_script:
  - npm install --force

cache:
  key: ${CI_COMMIT_REF_SLUG}
  paths:
    - node_modules/
    - .next/cache/

pages:
  script:
    - npm run-script build && npm run-script export
    - cp -r out/* public

  artifacts:
    paths:
      - public
  only:
    - master

readme.md

Since gitlab use public folder for storing public assets, we only need to move exported script/files from out directory to public directory by executing

cp -r out/* public

Note that exported next.js project not supporting params url (dynamic url), so we must convert it to query based param (?param=value)