Statická stránka: od súboru k doméne

Statická stránka je sada hotových súborov: HTML, CSS, obrázky, frontendový build. Nepotrebuje PHP ani databázu, takže beží pohodlne aj na VDS-1 a zvládne slušnú návštevnosť: až 500 Mbit/s.

Kam umiestniť súbory

Pre každú stránku vytvor samostatný adresár:

mkdir -p /var/www/example.ru
chown -R www-data:www-data /var/www/example.ru

Nahraj ich zo svojho počítača pomocou obyčajného scp alebo rsync:

scp -r ./dist/* root@YOUR_ADDRESS:/var/www/example.ru/
rsync -avz --delete ./dist/ root@YOUR_ADDRESS:/var/www/example.ru/

rsync --delete odstráni na serveri súbory, ktoré už v builde nie sú. Bez neho sa staré JS chunky hromadia celé roky.

Poskytovanie cez webový server

Minimálna konfigurácia Nginx:

server {
    listen 80;
    server_name example.ru;
    root /var/www/example.ru;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }

    location ~* \.(js|css|png|jpg|svg|woff2)$ {
        expires 30d;
        add_header Cache-Control "public, immutable";
    }
}

Riadok try_files ... /index.html je potrebný pre jednostránkové aplikácie postavené na React, Vue a Svelte: bez neho priamy prechod na /about vráti 404.

Nasleduje certifikát Let's Encrypt a stránka sa otvára cez HTTPS.

Doména

V paneli domén vytvor A záznam smerujúci na verejnú adresu stroja (karta „Overview“ v /hosting/vds/m/<id>) a rovnaký záznam pre www. Skontroluj:

dig +short example.ru

Záznamy sa môžu propagovať až niekoľko hodín. Kým čakáš, stránka je dostupná na adrese stroja.

Aktualizácia bez výpadku

Nenahrávaj súbory priamo do živého adresára — návštevník môže zachytiť polorozostavenú stránku. Postav novú vedľa a prepni symlink:

rsync -avz ./dist/ /var/www/releases/$(date +%s)/
ln -sfn /var/www/releases/1724400000 /var/www/example.ru-current
systemctl reload nginx

root v konfigurácii potom smeruje na /var/www/example.ru-current.

Časté chyby

Frontend je lepšie postaviť lokálne a nahrať hotový dist. Na VDS-1 s 2 GB pamäte môže build veľkého projektu zlyhať pre nedostatok pamäte.