Stack-ul modern explicat — Next.js, React, Supabase, TypeScript, Postgres

01 · mental model

Stack-ul ca piramidă.

Înainte să discutăm individual fiecare tehnologie, ține minte imaginea asta. Tot ce auzi pe internet (React, Next.js, Vercel, etc.) ocupă unul din nivelele de mai jos. Fiecare nivel se sprijină pe ce e dedesubt. Schimbi un nivel — restul rămân.

1 · hardwareServer fizic / VPSex: Hetzner, iHost, AWS EC2, laptop-ul tău

2 · sistemSistem de operareex: Linux (Ubuntu, Debian)

3 · runtimeMediu de execuțieex: Node.js, PHP, Python — execută limbajul

4 · limbajLimbajul în care scriiex: TypeScript, JavaScript, PHP

5 · frameworkSchelet predefinitex: Next.js, Laravel, Django, Vue

6 · librăriiPiese gata făcuteex: React, Tailwind, Drizzle, Stripe SDK

7 · saasServicii externe (opțional)ex: Supabase, Vercel, Resend, Stripe

De ce contează: când cineva îți zice „folosesc Next.js și Supabase", el ocupă nivelele 5 și 7. Dedesubt poate fi același VPS Hetzner pe care-l ai și tu. Diferența — și costul — e determinată mai ales de nivelul 7 (SaaS) pe care alegi (sau nu) să-l plătești.

02 · glosar vizual

13 termeni pe care îi auzi des, la locul lor.

Fiecare card are categoria (limbaj? framework? SaaS?), ce face, dacă-l poți rula gratis pe serverul tău, și cât de captiv te ține (lock-in: ce greu pleci dacă vrei).

JavaScriptlimbaj

Limbajul care rulează în orice browser. Singurul limbaj universal pe web. Tot ce vezi cum se mișcă pe un site = JavaScript.

self-host?: da, gratis
lock-in: scăzut

TypeScriptlimbaj

JavaScript + plasă de siguranță. Adaugi tipuri (string, number, etc.) iar editorul te avertizează înainte să rulezi codul. 90% din proiecte serioase azi sunt în TS.

self-host?: da, gratis
lock-in: scăzut

Reactlibrărie

O librărie pentru construit interfețe. Spui „afișează butonul ăsta când userul a făcut X” și React se ocupă de update. Făcut de Meta. Doar frontend — nu știe nimic despre server sau DB.

self-host?: da, gratis
lock-in: scăzut

Vueframework

Alternativă la React. Făcut de un fost Google dev. Mai simplu de învățat, comunitate mai mică, dar la fel de capabil. Tot frontend.

self-host?: da, gratis
lock-in: scăzut

Angularframework

Frontend framework Google. Bătrân (din 2010), full-featured din cutie, foarte „enterprise”. Mult mai greu de învățat decât React/Vue. În declin la startup-uri mici.

self-host?: da, gratis
lock-in: mediu

Node.jsruntime

Mediul care rulează JavaScript ÎN AFARA browser-ului — pe server. Practic e Chrome-ul fără interfață, ca să poți face backend în JS/TS.

self-host?: da, gratis
lock-in: scăzut

Next.jsframework

React + tot ce-ți trebuie să faci un site complet (rute, server-rendering, SEO, API). Făcut de Vercel. Cel mai folosit framework full-stack JS azi.

self-host?: da, gratis
lock-in: scăzut

PHPlimbaj

Limbaj vechi (din 1995) care rulează pe server. Plătit istoric pentru că era ieftin de hostat. WordPress, Drupal, Joomla = PHP.

self-host?: da, gratis
lock-in: scăzut

WordPresscms

Sistem de management de conținut bazat pe PHP+MySQL. 40% din web rulează pe el. Bun pentru site-uri editoriale simple, infern pentru orice e custom.

self-host?: da, gratis
lock-in: ridicat

PostgreSQLbază de date

Bază de date relațională, open-source, robustă, cu features avansate (JSON, full-text search, tipuri custom). Standardul industriei pentru proiecte noi.

self-host?: da, gratis
lock-in: scăzut

MySQLbază de date

Bază de date relațională, open-source, mai veche și mai limitată decât Postgres. Folosită istoric de WordPress, încă populară.

self-host?: da, gratis
lock-in: scăzut

Supabasesaas

Postgres + auth + storage + realtime API, totul gata configurat. Open-source — îl poți rula tu, dar majoritatea folosesc varianta lor cloud (cu free tier).

self-host?: se poate
lock-in: mediu

Vercelplatformă

Cloud hosting pentru Next.js, optimizat pentru deploy ușor (push pe GitHub → site live). Free tier generos, dar costurile cresc rapid pentru trafic real.

self-host?: nu (SaaS)
lock-in: mediu

TypeScript = JavaScript + plasă de siguranță. Adaugi tipuri ca să prinzi greșeli înainte să rulezi codul. Exemplu:

// JavaScript — totul merge până când nu merge function salut(name) { return "Salut " + name.toUpperCase() } salut(42) // 💥 crash la runtime: 42.toUpperCase nu există // TypeScript — eroarea apare în editor, înainte să rulezi function salut(name: string) { return `Salut $${name.toUpperCase()}` } salut(42) // ⚠ Error: 42 nu e string. Fix înainte să livrezi.

03 · baze de date

MySQL vs PostgreSQL — care, când, de ce.

Ambele sunt baze de date relaționale (tabele cu rânduri, JOIN-uri clasice). Ambele sunt gratis și open-source. Dar diferențele practice contează.

	MySQL	PostgreSQL
Tipuri date	Bazice. JSON există dar limitat.	Bogate: JSON nativ cu queries, arrays, tipuri custom, GIS, vectors pentru AI.
Performance	Foarte rapid pentru read-uri simple, OK pentru CMS clasic.	Mai inteligent — query planner avansat. Câștigă pe queries complexe + concurrency mare.
ACID & integritate	InnoDB e ACID dar relaxat — accept date semi-corupte fără să țipe.	Strict. Constraints reale, transactional DDL, validări la nivel DB. Mai sigur.
Full-text search	Există dar limitat. De obicei adaugi Elasticsearch separat.	Nativ, cu ranking + stemming. Pentru multe proiecte ajunge.
Extensii	Aproape niciuna. Ce e în core, atât.	Sute. PostGIS (hărți), pgvector (AI), pg_cron, TimescaleDB. Adaugi ce-ți trebuie.
Folosit de	WordPress, MariaDB, host-uri shared ieftine.	Supabase, Neon, AWS RDS, GitLab, Stripe, Apple, Reddit.
Deploy ușor pe self-host	✓ orice host shared îl are.	✓ orice VPS modern, plus Docker container in 30 sec.
Recomandat în 2026	Doar dacă moștenești un proiect WordPress.	Da — pentru ORICE proiect nou.

Verdict: pentru orice proiect nou în 2026, începi pe Postgres. MySQL îl alegi doar dacă ai deja un site WordPress live și e mai ușor să rămâi decât să migrezi.

04 · stack-uri în luptă

PHP + MySQL vs Next.js + Supabase.

Cele două filosofii dominante azi. Stânga e moștenirea (≈40% din web), dreapta e direcția (proiecte noi, startup-uri, produsele de care îți pasă în 2026).

	PHP + MySQL (WordPress)	Next.js + Supabase
Limbaj	PHP — server-side only.	TypeScript — același cod și pe server și pe browser.
Frontend	PHP generează HTML pe server. JavaScript adăugat ad-hoc cu jQuery sau vanilla.	React. Componente reutilizabile, state management modern, UI live.
Backend	PHP rulează la fiecare request. Apache/Nginx + PHP-FPM.	Next.js cu API routes — server actions sau REST. Tot în TypeScript.
DB	MySQL. Schema migrations manual sau prin tool extern.	Postgres (Supabase sau standalone). Schema-as-code cu Drizzle/Prisma.
Auth	Plugin WordPress sau cod custom (vulnerabil dacă greșești).	Better-Auth, Supabase Auth, Clerk — magic links, OAuth, 2FA built-in.
Real-time	Polling sau WebSockets adăugate manual. Plugin scump.	Postgres LISTEN/NOTIFY → React component, 5 linii de cod.
Performance	Cache plugins (WP Rocket, etc.) ca să nu moară la traffic.	Static generation + ISR — paginile sunt deja HTML, scale infinit.
Dev experience	Editor + FTP. Nu există hot-reload nativ. Test = refresh browser.	VS Code/Cursor + agent AI. Hot reload, type errors în editor, AI completion.
Deploy	FTP la host shared. Sau cPanel.	git push → site live. Vercel/Netlify/aihost.
Cost minim	~3-10$/lună la host shared (Bluehost, Hostinger).	~0$/lună (Vercel free + Supabase free) sau ~7€/lună aihost dedicat.

Care e mai simplu pentru un agent AI?

Imaginează același feature („adaugă comentarii la articole, cu rate-limit anti-spam") — pas cu pas în ambele lumi.

WordPress + plugin-uri

01Caută plugin pentru comentarii. Citește 5 review-uri.20 min

02Instalează plugin. Conflict cu temă. Caută fix pe forum.15 min

03Customizează CSS-ul plugin-ului prin override în child theme.30 min

04Anti-spam plugin separat. Configurare API Akismet.10 min

05Test → un câmp lipsă. Update plugin. Site cade. Restore backup.25 min

06Total: feature funcțional dar UI inconsistent + 4 plugin-uri în plus.≈100 min

Next.js + agent AI (Claude / Codex / Gemini)

01Spui agentului: „adaugă comentarii la articole, cu rate-limiting”.10 sec

02Agent generează schema DB (table comments) + migration + UI.2 min

03Agent adaugă rate-limit cu Redis + spam check cu cuvinte cheie.1 min

04Test în browser local. Funcționează. Push pe GitHub.1 min

05Site live. Comentarii integrate vizual cu restul UI.30 sec

06Total: feature curat în CSS-ul tău + cod TS pe care-l înțelegi.≈5 min

De ce agenții preferă Next.js+Supabase: tot stack-ul e într-un singur limbaj (TypeScript), tot codul e în repo-ul tău (agentul citește), schema DB e cod (agentul o modifică direct), hot reload arată instant rezultatul (agentul învață din feedback rapid). În WordPress, o jumătate din decizii sunt în UI-ul admin pe care agentul nu-l vede, restul în plugin-uri externe.

05 · cost real

Cât te costă cu adevărat. Server + costuri ascunse.

Întrebarea ta: „dacă am serverul meu, trebuie să plătesc pentru Next.js sau React?". Răspuns scurt: nu. Toate tehnologiile de la nivelele 3-6 din piramidă sunt open-source, gratis, rulează oriunde. Costul real apare la nivelul 7 (SaaS) — dacă alegi să-l folosești.

Cerințe server: WordPress vs modern

	WordPress (PHP+MySQL)	Next.js + Postgres
RAM minim (idle)	512 MB (PHP-FPM + MySQL + nginx)	256 MB (Node.js singur)
RAM la 100 useri concurenți	1.5-2 GB (cache plugin obligatoriu)	400 MB (paginile sunt deja statice)
CPU minim	1 vCPU shared	0.5 vCPU shared
Disk	2-5 GB (CMS + uploads + cache)	500 MB - 2 GB (build + uploads)
Costuri server pe lună	3-10$ shared host sau 5-15$ VPS	0$ (Vercel/Netlify free) sau 5-7€ VPS
Cerințe versiune	PHP 8.2+, MySQL 5.7+, Apache/nginx	Node 20+ (orice OS) — totul vine în 1 binar.

Decoder de costuri ascunse

„Free tier" sună bine. Iată unde apar costurile în realitate când proiectul tău crește:

Vercel egress fees. Hobby tier are 100 GB transfer/lună. Peste asta — 0.40$/GB. Un site moderat (10k vizitatori/lună cu imagini) = 50 GB. Devine repede 80$/lună la trafic real.

Vercel function invocations. 1M invocations/lună gratis. Peste = 0.60$/M. La 50k useri activi cu fetch-uri frecvente, ușor depășești.

Supabase MAU pricing. 50,000 monthly active users gratis. 100,000 MAU = 25$/lună. Plus storage > 1 GB, plus bandwidth > 5 GB.

Supabase database compute. Free tier suspendă DB-ul după 7 zile fără activitate. Paid tier 25$/lună minim, 599$/lună la scale.

WordPress „premium” plugins. Yoast Premium 99$/an, Elementor Pro 59$/an, WP Rocket 59$/an, anti-spam 100$/an. Ușor 500-1000$/an cumulat.

Build minutes la PaaS. Vercel/Netlify limitează minutele de build pe lună. Proiect cu mulți utilizatori care fac deploy-uri frecvente = costuri rapide.

Adevărul incomod: „Vercel + Supabase Cloud free" e perfect pentru hobby/MVP. La trafic real (50k+ vizitatori/lună) ajungi rapid la 100-300€/lună. Un VPS dedicat la Hetzner sau aihost — 5-15€/lună, fix, fără surprize. La scale, self-host economisește mii pe an.

06 · libertate vs comoditate

Lock-in spectrum: cât de captiv ești de fapt.

Întrebarea cheie de pus la fiecare tehnologie: „dacă vreau să plec mâine, în câte zile pot?". Verde = pleci în câteva ore. Roșu = rebuild de la zero.

portabil 100%pleci când vrei, datele sunt ale tale

captivplata = continui · plecat = rebuild

Postgres standalone (al tău)
100% portabil, SQL standard.

Next.js + Node.js (self-hosted)
Cod open-source, rulează oriunde.

TypeScript / React
Open-source, neutru.

Supabase Cloud
Postgres dedesubt, dar API-uri lor (auth, storage) — migrare 1-2 zile.

Vercel
Next.js standard, dar funcții serverless proprietare.

WordPress + plugin-uri premium
Date în formate proprietare, exit = rebuild.

Webflow / Wix / Squarespace
Cod proprietar — pleci = pleci de tot.

Firebase / DynamoDB
Date în format NoSQL proprietar AWS/Google.

Recomandarea aihost: Next.js (framework) + TypeScript (limbaj) + Postgres (DB) — toate open-source, lock-in zero, rulează pe orice server. Pentru auth/storage/realtime poți începe cu Supabase Cloud (medium lock-in, dar API-uri deschise) și migrezi când proiectul crește. Pe aihost.md ai container Next.js gata + opțiunea Postgres managed pe cluster-ul nostru — fără surprize de cost.

Vrei să încerci stack-ul ăsta acum?

Container Next.js + TypeScript + Claude Code preinstalat, gata în 5 minute. Conectezi Postgres managed (un click) sau Supabase Cloud (free tier). Server în Moldova, fără egress fees, fără MAU pricing. De la 150 MDL/lună.

→ Pornește contul

Vezi și WordPress vs vibe coding · ghidul de migrare WordPress → Next.js