Hosting statycznych stron - opublikuj swoja piramidę

Zbudowałeś piramidę - ale nikt jej nie zobaczy, jeśli zostanie ukryta na Twoim dysku! Hosting to miejsce, gdzie Twoja strona będzie dostępna dla całego świata przez internet. Dla statycznych stron HTML/CSS/JS istnieją darmowe usługi hostingowe.

Czym jest strona statyczna?

Strona statyczna to strona złożona z gotowych plików HTML, CSS i JavaScript. Nie wymaga serwera backendowego ani bazy danych. Przeglądarka pobiera pliki i wyświetla je bezpośrednio.

GitHub Pages

GitHub Pages to darmowy hosting od GitHuba. Idealne rozwiązanie na początek:

Jak opublikowac stronę na GitHub Pages:

1. Stwórz repozytorium na GitHub (np.

   moja-piramida

   )
2. Przeslij pliki HTML, CSS, JS do repozytorium
3. Wejdź w Settings -> Pages
4. Wybierz gałąź (branch) - zazwyczaj

   main

5. Kliknij Save
6. Twoja strona będzie dostępna pod adresem:

   https://twoj-login.github.io/moja-piramida/

Struktura plików dla GitHub Pages:

1<!-- Plik musi nazywać się index.html -->
2moja-piramida/
3  index.html       <!-- Główna strona -->
4  style.css        <!-- Style -->
5  script.js        <!-- JavaScript -->
6  images/          <!-- Folder z obrazami -->
7    piramida.jpg
8    sfinks.png

Netlify

Netlify to nowoczesna platforma hostingowa z darmowym planem. Oferuje:

• Drag & drop deployment - przeciągnij folder z plikami
• Automatyczne HTTPS - darmowy certyfikat SSL
• Własna domena - możesz podpiąć swoja domenę
• Continuous deployment - automatyczny deploy z GitHuba

Deploy na Netlify:

1. Wejdź na app.netlify.com
2. Przeciagnij folder z plikami na stronę
3. Gotowe! Strona jest dostępna pod adresem

   https://losowa-nazwa.netlify.app

Vercel

Vercel to platforma od twórców Next.js, ale świetnie działa też dla statycznych stron:

• Import z GitHuba - połącz repozytorium
• Automatyczne buildy - każdy push = nowy deploy
• Preview deploys - podgląd zmian przed publikacją
• Darmowe HTTPS - automatyczny certyfikat

Porównanie platform

| Cecha | GitHub Pages | Netlify | Vercel | |-------|-------------|---------|--------| | Cena | Darmowe | Darmowe (basic) | Darmowe (hobby) | | HTTPS | Tak | Tak | Tak | | Własna domena | Tak | Tak | Tak | | Drag & drop | Nie | Tak | Nie | | CI/CD z GitHuba | Tak | Tak | Tak | | Formularze | Nie | Tak | Nie |

Własna domena

Każda platforma pozwala podpiąć własną domenę:

1. Kup domenę (np. na OVH, nazwa.pl, Cloudflare)
2. Skonfiguruj DNS - ustaw rekordy CNAME lub A
3. Dodaj domenę w ustawieniach platformy hostingowej