Umów konsultację

Bezpłatna wycena w 24h

Vercel — co to jest i kiedy ma sens zamiast własnego serwera

Vercel — co to jest i kiedy ma sens zamiast własnego serwera

Narzędzia23 maja 20268 min czytania

Vercel to platforma hostingowa stworzona przez twórców Next.js — zoptymalizowana pod frameworki JavaScript (Next.js, Nuxt, SvelteKit, Astro). W praktyce: deploykasz projekt z Gita, Vercel buduje go automatycznie, dystrybuuje na edge (sieć CDN w ~30 lokalizacjach) i serwuje z minimalnym TTFB. Brzmi idealnie — i w wielu przypadkach jest. Ale nie zawsze. Poniżej opisujemy, kiedy Vercel ma sens, kiedy lepszy własny serwer i ile to kosztuje w produkcji.

Jak działa Vercel — edge, serverless i CDN

Vercel łączy trzy koncepty: statyczne pliki serwowane z CDN (HTML, CSS, JS, obrazy), serverless functions dla dynamicznych API routes (działają jako Lambda na żądanie) i edge runtime dla middleware i funkcji wymagających niskiej latencji.

W praktyce: strona statyczna (SSG/ISR) jest serwowana z najbliższego edge node z TTFB 20–50 ms. Dynamiczne API routes (np. formularz kontaktowy, webhook) odpalają się jako serverless functions z cold start 100–300 ms. Middleware (np. redirect, auth check) działa na edge bez cold startu.

Dla Next.js to jest hosting zoptymalizowany na poziomie frameworka — Vercel wie, jak Next.js generuje strony, i serwuje je optymalnie. Na własnym VPS musisz to konfigurować sam: nginx, PM2, node process, CDN przed nim. Na Vercel — zero konfiguracji serwera.

Vercel vs własny VPS — kiedy co

Decyzja zależy od trzech czynników: budżet, kontrola i złożoność backendu.

  • Vercel jest lepszy, gdy: projekt to Next.js frontend (SSG/ISR) z prostym API, nie potrzebujesz pełnej kontroli nad serwerem, zależy Ci na szybkim deploy z Gita i zero DevOps.
  • VPS jest lepszy, gdy: masz złożony backend (baza, cron jobs, kolejki, websockety), potrzebujesz pełnej kontroli nad infrastrukturą, budżet nie pozwala na skalę Vercel ($20/dev/mies. + opłaty za użycie).

Stack technologiczny oparty o Vercel zastosowaliśmy m.in. przy realizacji serwisu trimsandfasteners.com — międzynarodowej platformy katalogowej w branży złączy przemysłowych. Z kolei serwis finansowy podhipoteke24.pl z branży pozabankowych pożyczek hipotecznych postawiliśmy na własnym serwerze, bo wymagał rozbudowanego backendu z bazą danych i zadaniami cyklicznymi.

Koszty Vercel — co naprawdę płacisz

Vercel Hobby (darmowy) wystarcza do portfolio i projektów osobistych. Vercel Pro ($20/dev/mies.) to minimum dla projektów komercyjnych — daje custom domeny, analytics, więcej bandwidth i serverless function minutes.

Uwaga na ukryte koszty: serverless function execution (po przekroczeniu limitu), bandwidth (po 1 TB), edge function invocations, image optimization (po limicie). Dla strony firmowej z 10 tys. wizyt/mies. koszt to zwykle $20–40/mies. Dla e-commerce z 100 tys. wizyt i dużą ilością dynamicznych zapytań — koszt może rosnąć do $100–200/mies., gdzie VPS za $20–40 zrobiłby to samo.

Vercel a WordPress headless

Jednym z popularnych scenariuszy jest WordPress jako CMS + Next.js na Vercel jako frontend. WordPress siedzi na tanim hostingu lub VPS, Next.js pobiera dane przez REST API lub GraphQL, buduje strony jako SSG i serwuje z Vercel edge.

Zalety: TTFB 20–50 ms (vs 300–800 ms na klasycznym WordPress), bezpieczeństwo (WordPress nie jest wystawiony na świat), skalowalność (Vercel skaluje automatycznie). Wady: dwa serwery do utrzymania, większa złożoność deploymentu, konieczność rewalidacji cache po zmianach w WordPress.

Z naszego doświadczenia architektura headless WordPress + Vercel daje najlepszy stosunek wydajności do kosztu dla stron firmowych i serwisów contentowych. Dla e-commerce z WooCommerce zwykle zostajemy przy klasycznym WordPress z Redis i custom motywem — bo checkout i koszyk wymagają pełnego backendu, który lepiej działa na dedykowanym serwerze.

Max Mazurkiewicz

Max Mazurkiewicz

Founder

POTRZEBUJESZ SPERSONALIZOWANEJ WYCENY?

Chcesz się na coś zdecydować ale od nadmiaru możliwości boli głowa? Skontaktuj się z nami, dobierzemy rozwiązanie do potrzeb Twojej firmy.

Umów się na konsultację

Deploy na Vercel — jak to wygląda w praktyce

Workflow, który stosujemy:

  • Kod w GitHub/GitLab, Vercel podpięty do repo
  • Push do main = automatyczny production deploy (build + CDN invalidation)
  • Push do brancha = preview deploy (osobny URL do testowania)
  • Pull request = preview z komentarzem na GitHubie (link do podglądu)

Zero SSH, zero nginx, zero ręcznego deploymentu. Dla małych zespołów (1–3 devs) to jest ogromna oszczędność czasu DevOps. Dla większych projektów z wymaganiami compliance i bezpieczeństwa — Vercel Enterprise albo własna infrastruktura.

Kiedy Vercel to overkill

Nie każdy projekt potrzebuje edge runtime i serverless functions. Prosta strona firmowa z 5 podstronami może działać na tanim hostingu za 30 zł/mies. — Vercel nie da tu przewagi wartej dodatkowej złożoności. Vercel ma sens, gdy: framework to Next.js (lub inny wspierany), strona ma wymagania wydajnościowe (niski TTFB globalnie), potrzebujesz szybkiego CI/CD z preview deployments, albo skalujesz ruch od tysięcy do milionów wizyt.

Z naszej praktyki — Vercel w realnych wdrożeniach

Konkretne projekty z naszego portfolio działające na Vercel — i powody decyzji:

  • Giełda Biomasy / Pelletu / Trociny / Zrębki — cztery aplikacje Next.js 15 w monorepo, każda na osobnej domenie. Decyzja o Vercel zamiast samodzielnego serwera wynikała z trzech rzeczy: (a) globalnie rozproszony edge dla użytkowników z Niemiec, Włoch i Skandynawii (eksport pelletu), (b) automatyczne preview deployments dla każdej gałęzi git (4 aplikacje × dziesiątki branchów to chaos bez automatyzacji), (c) brak DevOps w zespole klienta — Vercel obsługuje wszystko poza kodem aplikacyjnym.
  • Podhipoteke24 (headless WordPress + Next.js dla firmy pożyczkowej) — Next.js frontend na Vercel, WordPress jako CMS backend na osobnym serwerze. 8 kalkulatorów finansowych jako Server Components z cache, 42 landing pages dla miast generowane statycznie. Vercel cache + ISR dla landingów lokalnych daje niski TTFB nawet pod peak ruchem reklamowym (kampanie Google Ads kierujące tysiące wizyt na konkretne podstrony miast).
  • Trims&Fasteners — migracja z WordPress + Elementor na Next.js 15 App Router z dwujęzycznością PL/EN przez Polylang. SSG dla kategorii (treść stabilna) + ISR dla świeżych produktów. Vercel + Cloudflare przed nim daje niski TTFB i odporność na peak ruch.
  • Sportywalki — portal o sportach walki z 202 trasami zachowanymi po migracji z WordPress + Elementor. Konfiguracja Vercel z fallback na ISR dla edycji treści przez CMS.

Wzorzec: Vercel ma sens, gdy stack to Next.js + małe lub żadne DevOps. Dla agencji z developerami, ale bez dedykowanego DevOps, to różnica między miesięcem konfiguracji infrastruktury a 1-dniowym deploymentem. Dla projektów, gdzie compliance lub koszty na skali wymagają własnej infrastruktury, dostępne są też alternatywy (Hetzner, AWS, własny VPS).

Jeśli planujesz projekt na Next.js i zastanawiasz się nad hostingiem — budujemy strony Next.js i doradzamy w wyborze infrastruktury.

Najczęściej zadawane pytania

Vercel Hobby (darmowy) wystarcza do portfolio i projektów osobistych. Vercel Pro ($20/dev/mies.) to minimum dla projektów komercyjnych. Dla strony firmowej z 10 tys. wizyt/mies. koszt to zwykle $20–40/mies. Przy dużym ruchu (100 tys.+) koszty serverless functions mogą rosnąć do $100–200/mies.

Dla stron SSG/ISR — tak, bo Vercel serwuje z edge CDN w ~30 lokalizacjach (TTFB 20–50 ms). Dla dynamicznych stron z bazą danych — niekoniecznie, bo serverless functions mają cold start 100–300 ms. VPS z dobrym CDN może być równie szybki i tańszy przy dużej skali.

Nie bezpośrednio — WordPress wymaga PHP i MySQL, których Vercel nie obsługuje. Ale możesz użyć WordPress jako headless CMS (backend na tanim VPS) i Next.js na Vercel jako frontend. Ten model daje TTFB 20–50 ms vs 300–800 ms klasycznego WordPress.

Dla prostych stron firmowych (5 podstron, brak dynamicznych danych). Tani hosting za 30 zł/mies. wystarczy. Vercel ma sens, gdy framework to Next.js, strona wymaga niskiego TTFB globalnie, potrzebujesz CI/CD z preview deployments, albo skalujesz ruch od tysięcy do milionów.

Max Mazurkiewicz
Max Mazurkiewicz
Founder
Digital marketing expert