gitlab-org / coming-soon

Hosting and Deployment

Overview

This section outlines the different options for hosting and deploying the Coming Soon website.

Deployment Methods

There are several ways to deploy the Coming Soon website. The primary options are:

  • GitLab Pages: This is the recommended approach for deploying static websites. GitLab Pages leverages GitLab CI/CD to automatically build and deploy your website directly from your repository. For more details on setting up a GitLab Pages deployment, refer to the GitLab documentation: https://docs.gitlab.com/ee/user/pages/
  • Netlify: Netlify is a popular cloud platform designed for deploying static websites. It provides features like automatic deployments, continuous integration, and hosting capabilities. For more information on using Netlify, refer to their documentation: https://docs.netlify.com/
  • Vercel: Vercel is another platform specializing in deploying static websites and serverless functions. It offers features like global content delivery networks (CDNs) and a focus on performance. Refer to their documentation for detailed guidance: https://vercel.com/docs

Choosing a Deployment Method

The ideal deployment method depends on your needs and preferences:

  • GitLab Pages: Provides a simple and integrated solution for deploying static websites within the GitLab ecosystem.
  • Netlify: Offers a robust platform with extensive features, including custom domains, automatic deployments, and a strong focus on performance.
  • Vercel: Focuses on deploying static websites and serverless functions, providing a high-performance platform and global CDN.

Examples

GitLab Pages

  1. Configure CI/CD: Create a .gitlab-ci.yml file in your repository root to define the build and deployment process for GitLab Pages.
  2. Specify Deployment Target: In your .gitlab-ci.yml file, define the pages job and specify the output directory for the built website.
  3. Push Changes: Push your code changes to GitLab. GitLab will automatically trigger the CI/CD pipeline, build your website, and deploy it to GitLab Pages.
pages:
            stage: deploy
            image: node:latest
            script:
              - npm install
              - npm run build
            artifacts:
              paths:
                - build
            only:
              - master

Netlify

  1. Create a Netlify Account: Sign up for a Netlify account.
  2. Connect Repository: Link your GitLab repository to your Netlify account.
  3. Configure Build Settings: Specify the build command and output directory for your website in Netlify’s dashboard.
  4. Deploy: Netlify will automatically build and deploy your website when you push changes to GitLab.

Vercel

  1. Create a Vercel Account: Sign up for a Vercel account.
  2. Import Project: Import your GitLab repository to Vercel.
  3. Define Build Settings: Specify the build command and output directory for your website within Vercel’s dashboard.
  4. Deploy: Vercel will automatically build and deploy your website when you push changes to GitLab.