Skip to content
RACHUNA-NET.PL

Statyczna strona na Gitlab pages

W tym wpisie pokaże wam, jak opublikować statyczną stronę internetową. Wykorzystam framweork astro

Pobranie repozytorium z moją stroną

git clone https://gitlab.com/pl.rachuna-net/apps/docs.git

Krop po kroku

Section titled “Krop po kroku”

  1. Utworzenie projektu astro

    Section titled “Utworzenie projektu astro”
    npm create astro@latest

  2. Dostosywanie strony

    Section titled “Dostosywanie strony”

  3. Tworzymy prosty pipeline .gitlab-ci.yml

    Section titled “Tworzymy prosty pipeline .gitlab-ci.yml”
    stages:
  - build
  - deploy

image: node:20-alpine

cache:
  key:
    files:
      - package-lock.json
  paths:
    - node_modules/

pages:
  stage: deploy
  script:
    - npm ci
    - npm run build
    # GitLab Pages wymaga artifactu w katalogu public
    - rm -rf public
    - mv dist public
  artifacts:
    paths:
      - public
  # rules:
  #   # publikuj tylko z domyślnej gałęzi
  #   - if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH

  4. Publikujemy stronę

    Section titled “Publikujemy stronę”

    W moim przypadku otrzymałem taką stronę

    https://docs-e248b0.gitlab.io/

  5. Utworzenie domeny w pages

    Section titled “Utworzenie domeny w pages”

    Repozytorium → Settings → Pages → kliknij New Domain

    1. Ustawienie domeny rachuna-net.pl
    2. GitLab wygeneruje dwa rekordy DNS:

      • ALIAS:

          docs.rachuna-net.pl.  ALIAS  pl.rachuna-net.gitlab.io.

      • TXT:

        _gitlab-pages-verification-code.docs.rachuna-net.pl.  TXT  gitlab-pages-verification-code=<wygenerowany_kod>

  6. Dodanie rekordów do DNS

    Section titled “Dodanie rekordów do DNS”

  7. GitLab automatycznie zweryfikuje rekordy i wygeneruje certyfikat SSL (Let’s Encrypt)

    Section titled “GitLab automatycznie zweryfikuje rekordy i wygeneruje certyfikat SSL (Let’s Encrypt)”

Przydatne linki

Section titled “Przydatne linki”