Cum găzduiești un site static sau o aplicație React/Vue

Site-urile statice și aplicațiile single-page (React, Vue, Svelte) sunt doar fișiere: rapide, ieftine și ușor de servit cu Nginx.

1. Fă build-ul

npm run build

Rezultatul este un director (de obicei dist sau build) cu fișiere HTML, CSS și JS.

2. Copiază fișierele pe server

scp -r dist/* root@IP_SERVER:/var/www/site-ul-meu/

3. Server block Nginx

Pentru un site static simplu:

server {
    listen 80;
    server_name exemplu.ro;
    root /var/www/site-ul-meu;
    index index.html;
}

4. Rutare pentru single-page apps

Aplicațiile React/Vue au rutare pe client. Fără această linie, reîmprospătarea pe o rută dă 404:

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

nginx -t && systemctl reload nginx

Adaugă un domeniu și HTTPS: vezi Cum pointezi un domeniu și Certificat SSL gratuit.