PProfessNet Academy
Vercel — deploy frontendów/01intro8 min

Czym jest Vercel i model deploymentu

Platforma do hostingu frontendu

Vercel to platforma chmurowa zoptymalizowana pod aplikacje frontendowe — zwłaszcza Next.js, którego jest twórcą. Zamiast ręcznie konfigurować serwery, łączysz repozytorium GitHub, a Vercel sam buduje i publikuje aplikację przy każdym pushu. W ProfessNet frontend ZEUS (Next.js 15) deployujemy właśnie na Vercelu.

Model Git-driven deployment

Sednem Vercela jest powiązanie deploymentu z Gitem. Nie wgrywasz plików ręcznie — to commit decyduje, co jest na produkcji.

Zdarzenie w GitCo robi Vercel
Push do gałęzi mainBuduje i publikuje Production
Push do innej gałęziTworzy Preview deployment
Otwarcie Pull RequestaGeneruje unikalny URL podglądu
Każdy kolejny commitNowy, niezależny build

Dzięki temu każda wersja ma własny, niezmienny adres — łatwo wrócić do poprzedniego deployu albo pokazać klientowi zmianę zanim trafi na produkcję.

Co Vercel robi za Ciebie

  • Build — uruchamia next build w izolowanym środowisku.
  • CDN — rozprowadza statyczne zasoby globalnie (Edge Network).
  • Serverless / Edge Functions — uruchamia API routes i SSR bez serwera, który musisz utrzymywać.
  • HTTPS — automatyczne certyfikaty TLS dla każdej domeny.
  • Rollback — powrót do wcześniejszego deployu jednym kliknięciem.
# Lokalnie budujesz tym samym poleceniem co Vercel
npm run build

Czym różni się od klasycznego hostingu

Na tradycyjnym VPS sam stawiasz serwer, konfigurujesz Nginx, certyfikaty, proces Node i deploy. Vercel abstrahuje to wszystko: skupiasz się na kodzie, infrastrukturę dostajesz w pakiecie. Skalowanie jest automatyczne — funkcje serverless wstają na żądanie.

Wskazówka: Vercel świetnie nadaje się do frontendu i lekkich API. Ciężki backend (w ProfessNet .NET ZEUS) hostujemy osobno — Vercel obsługuje warstwę Next.js i komunikuje się z backendem przez API.

Plany i organizacje

Projekty grupujemy w ramach Team/Organization ProfessNet, co daje wspólny dostęp, role i współdzielone zmienne środowiskowe. Każdy projekt to jedno repozytorium z własnymi ustawieniami buildu i domenami.

Podsumowanie

Vercel to Git-driven platforma dla frontendu: pushujesz kod, dostajesz zbudowaną i opublikowaną aplikację z globalnym CDN i HTTPS. main to produkcja, każda inna gałąź to podgląd. W kolejnych lekcjach zrobimy pierwszy deploy Next.js i ułożymy workflow z Pull Requestami.