---

Example Next.js website using GitLab Pages.

Learn more about GitLab Pages at https://pages.gitlab.io and the official documentation https://docs.gitlab.com/ce/user/project/pages/.

---

Table of Contents generated with DocToc

• GitLab CI
• Building locally
• Add base path in Next.js when unique domain is disabled
• Troubleshooting

GitLab CI

This project's static Pages are built by GitLab CI, following the steps defined in .gitlab-ci.yml:

contents of .gitlab-ci.yml in codeblock

Building locally

To work locally with this project, you'll have to follow the steps below:

1. Fork, clone or download this project
2. Install dependencies: npm install
3. Preview your project: npm run dev
4. Add content

Read more at the Next.js documentation.

Add base path in Next.js when unique domain is disabled

If you disable the unique domain, the site will be hosted under yourname.gitlab.io/examplerepository/, you will need to configure Next.js to use the basePath.

In next.config.mjs, the value for basePath should be your project’s name, starting with a forward slash - for example, /examplerepository. This ensures Next.js understands that your website’s root is /examplerepository instead of the default /, especially when your project is hosted at https://gitlab.com/yourname/examplerepository/.

const nextConfig = {
  basePath: '/examplerepository',
};
export default nextConfig;

Troubleshooting

1. CSS is missing! That means two things:

   Either that you have wrongly set up the CSS URL in your templates, or your static generator has a configuration option that needs to be explicitly set in order to serve static assets under a relative URL.

---