Wdrozenie strony Astro na Cloudflare Pages
Instrukcja krok po kroku jak wdrozyc projekt Astro na Cloudflare Pages.
Gotowy szablon do pobrania
Mozesz skopiowac gotowe repozytorium z szablonem tego bloga:
Zobacz repozytorium na GitHubWymagania
- Konto na Cloudflare
- Repozytorium GitHub z projektem Astro
- Projekt Astro skonfigurowany z
npm run buildi outputem w folderzedist
Krok 1: Wejdz do panelu Cloudflare
- Zaloguj sie na dash.cloudflare.com
- W menu po lewej wybierz Workers & Pages
- Kliknij Create application
Krok 2: Wybierz Pages (nie Workers)
Na ekranie "Ship something new" kliknij link "Looking to deploy Pages? Get started" na dole ekranu.
Wazne: Nie wybieraj "Connect GitHub" z tego ekranu - to utworzy Worker, nie Pages.
Krok 3: Polacz repozytorium GitHub
- Wybierz zakladke GitHub
- Wybierz swoje konto GitHub
- Znajdz i zaznacz repozytorium z projektem Astro
- Kliknij Begin setup
Krok 4: Skonfiguruj ustawienia buildu
Ustaw nastepujace wartosci:
| Pole | Wartosc |
|---|---|
| Project name | nazwa-projektu |
| Production branch | main |
| Framework preset | Astro |
| Build command | npm run build |
| Build output directory | dist |
Kliknij Save and Deploy.
Krok 5: Poczekaj na deployment
Cloudflare automatycznie:
- Sklonuje repozytorium
- Zainstaluje zaleznosci
- Zbuduje projekt
- Wdrozy na globalna siec CDN
Po zakonczeniu strona bedzie dostepna pod adresem: https://nazwa-projektu.pages.dev
Automatyczne deploymenty
Po skonfigurowaniu, kazdy push do brancha main automatycznie:
- Uruchomi nowy build
- Wdrozy nowa wersje strony
- Zajmuje to okolo 30-60 sekund
Rozwiazywanie problemow
Blad SSL (ERR_SSL_VERSION_OR_CIPHER_MISMATCH)
To normalny blad dla nowych deploymentow. Cloudflare generuje certyfikat SSL - poczekaj 2-5 minut i odswiez strone.
Build failed
Sprawdz logi buildu w panelu Cloudflare:
- Wejdz w projekt
- Kliknij Deployments
- Wybierz ostatni deployment
- Zobacz Build log