Hosting

Server, ze kterého se servírují stránky uživatelům.

Příklady

• Netlify
• GitHub Pages
• Heroku
• Vercel
• Endora
• Wedos

Doména

Pojmenování serveru v zapamatovatelné podobě.

DNS

Záznamy párující domény s číselnými adresami serverů. Pro czechitas by byla doména czechitas.cz a adresa, kde je web hostovaný 51.68.166.161.

Příklady služeb pro registraci a správu domény

• Active24
• Endora
• Forpsi
• Wedos
• GoDaddy

Verzování kódu

Prostor pro zálohování zdrojových souborů a jejich sdílení v týmu.

Příklady

• GitHub
• GitLab
• Bitbucket

Ukázka nastavení projektu

1. Na GitHub nahráváme zálohu zdrojových kódů, například soubory s příponou jsx, které jsou určené pro nás, pro vývojáře a pro Webpack.

2. Soubory proženeme Webpackem, který vytvoří složku s html, css, js, obrázky, která je určená pro prohlížeč. Tu dáme na hosting od Netlify.

3. Předchystaná doména končící na .netlify.app se nám nelíbí, a tak na Active24 zaregistrujeme a zaplatíme doménu jinou. Té nastavíme DNS záznamy podle dokumentace Netlify, aby směřovaly na adresu Netlify serveru.

4. Počkáme zhruba hodinu, než se nové záznamy automaticky propíšou, nakopírují do patřičných míst.

5. Uživatel zadá do prohlížeče naši doménu.

6. Prohlížeč se zeptá DNS, jakému serveru si má říct o obsah.

7. Je odkázán na Netlify, od kterého v zápětí dostane html a další související soubory.

8. Netlify máme nastaveno tak, že pozná nový kód na GitHubu, automaticky na něj pustí Webpack a uloží si novou složku dist, kterou nově servíruje uživatelům místo staré verze. Doména už není potřeba znovu nastavovat.