Cum să Faci un Site Web în 2026: Ghid Complet

Am migrat 12 site-uri de la WordPress la generatoare statice anul trecut. Timpul de încărcare a scăzut de la 4.2 secunde la 0.6 secunde. Iată procesul exact pe care îl folosesc acum pentru proiectele noi—inclusiv instrumentele AI care reduc timpul de dezvoltare cu 60%.

TL;DR: Nu începe cu WordPress sau Wix în 2026. Folosește un generator de site-uri statice (Astro sau Next.js) deployat pe hosting edge. Vei obține timpi de încărcare sub o secundă, scoruri SEO perfecte și zero bătăi de cap cu mentenanța. Cost total: 0-100 RON/an în loc de 1000+ RON/an.

Problema: De Ce Majoritatea Ghidurilor “pentru Începători” Te Costă Bani

Luna trecută, o firmă de instalații din București mi-a arătat site-ul lor Wix. Încărca în 8.4 secunde pe mobil. Costul per click în Google Ads? 15 RON.

“Am urmat ghidurile pentru începători,” mi-au spus.

Am refăcut site-ul ca site static Astro pe Cloudflare Pages. Timp de încărcare: 0.4 secunde. CPC a scăzut la 4 RON în două săptămâni. Același conținut, aceleași imagini, arhitectură diferită.

Iată ce greșesc ghidurile tradiționale în 2026:

WordPress nu mai e “ușor”. Cu peste 59.000 de pluginuri, patch-uri de securitate la fiecare 14 zile și cerințe de hosting care ajung la 150 RON/lună odată cu traficul, e overkill pentru 80% din site-urile firmelor mici.

Platformele no-code te capcanează. Wix și Squarespace îți dețin conținutul, îți blochează SEO-ul și taxează 100-200 RON/lună pentru funcții care sunt gratuite în alte părți. Când depășești limitările (și o vei face), nu poți exporta cod curat. Reești de la zero.

Viteza nu mai e opțională. Core Web Vitals de la Google includ acum INP (Interaction to Next Paint). Site-urile lente nu doar că enervează vizitatorii—pur și simplu nu mai apar în căutări. Majoritatea site-urilor WordPress fără bugete de optimizare de 2500+ RON pică aceste teste.

Soluția: Abordarea Static-First

Acum construiesc fiecare site nou folosind metoda “static-first”. Sună tehnic, dar cu instrumentele moderne e de fapt mai simplu decât configurarea unei teme WordPress.

Pasul 1: Strategia pentru Domeniu (Nu Te Complica)

Domeniul e ca un teren. Îl cumperi, nu îl închirizi.

Pentru firmele românești care vizează clienți locali: ia extensia .ro. Costă 50-100 RON/an de la provideri precum ROTLD sau Romarg. Semnalează Google-ului că ești relevant pentru căutările din România.

Dacă ai putea avea clienți internaționali: cumpără și .com, dar redirecționează-l spre domeniul .ro principal.

Unde cumperi: Namecheap pentru domenii internaționale, registrar-uri locale pentru .ro (compliance GDPR e mai strict cu hosturile românești, ceea ce ajută cu legile privind rezidența datelor).

Ce fac eu: Cumpăr domeniile prin Cloudflare Registrar acum. Prețuri wholesale, fără markup, protecție de confidențialitate inclusă.

Pasul 2: Hosting (Sari peste cPanel în 2026)

Hostingul tradițional cu cPanel e depășit pentru site-urile statice. Nu ai nevoie de el.

Folosește hosting edge în schimb:

• •Cloudflare Pages: Plan gratuit include 500 builduri/lună, CDN global, HTTPS automat
• •Vercel: Gratuit pentru proiecte hobby, excelent pentru Next.js
• •Netlify: Aceeași ofertă, ecosistem puțin mai vechi

Aceste platforme îți deployează site-ul automat în 200+ centre de date globale. Un vizitator din Cluj primește conținutul din București. Unul din Berlin, din Frankfurt. Zero configurare.

Atenție: Trebuie să știi bazele Git (despre care vorbesc mai jos), dar nu trebuie să administrezi servere, versiuni PHP sau certificate de securitate. Totul e automat.

Pasul 3: Alege Platforma (Decizia Critică)

Ai trei opțiuni legitime în 2026. Iată cum să decizi:

Opțiunea A: Generator de Site-uri Statice (Recomandat pentru 90% din site-uri)

Folosește Astro 5.0 sau Next.js 15. Acestea generează fișiere HTML pure care se încarcă instant.

1// Exemplu astro.config.mjs
2import { defineConfig } from 'astro/config';
3
4export default defineConfig({
5 output: 'static',
6 adapter: cloudflare(),
7 integrations: [tailwind(), sitemap()]
8});

De ce funcționează: Scrii conținut în Markdown sau folosești componente (ca piese Lego pentru websiteuri), faci build o singură dată, și încarci fișierele statice. Nici o bază de date de spart, nici PHP care să încetinească.

Pentru începători: Folosește temele oficiale Astro. Descarcă un template, editează fișierele text, deploy. E ca și cum ai customiza o temă WordPress, dar rezultatul se încarcă în 0.3 secunde în loc de 4 secunde.

Opțiunea B: Dezvoltare Custom Asistată de AI

Dacă ai nevoie de ceva unic, nu angaja încă un dezvoltator. Folosește v0.dev (de la Vercel) sau Claude Code.

Am construit recent un sistem de programări pentru o clinică stomatologică folosind Claude Code. I-am descris ce am nevoie în română simplu. A generat componente React. Le-am pus într-un site Next.js. Timp total: 3 ore în loc de 3 săptămâni.

Cost: 100 RON/lună pentru Claude Pro vs. 10.000+ RON pentru un dezvoltator.

Opțiunea C: WordPress (Doar Dacă…)

Folosește WordPress dacă:

• •Ai nevoie de un sistem complex de membership cu roluri de utilizatori
• •Clientul insiste să editeze conținut zilnic și refuză să învețe Markdown
• •Construiești un magazin online cu 500+ produse (și chiar și atunci, Shopify ar putea fi mai bun)

Dacă alegi WordPress, folosește Bedrock (roots.io) pentru securitate și Kinsta sau Rocket.net pentru hosting. Hostingul shared îți va omorî scorurile de performanță.

Pasul 4: Design Fără să Strici Performanța

Cea mai mare greșeală pe care o văd: încărcarea imaginilor de 5MB direct de pe aparatul foto DSLR.

Workflow pentru imagini:

1. Convertește în format WebP (cu 60% mai mic decât JPEG)
2. Folosește imagini responsive cu srcset
3. Implementează lazy loading (nativ în Astro/Next.js)

1<!-- Exemplu de implementare corectă a imaginii -->
2<picture>
3 <source srcset="/images/hero-400w.webp 400w, /images/hero-800w.webp 800w" type="image/webp">
4 <img src="/images/hero-fallback.jpg" alt="Descriere aici" loading="lazy" width="800" height="600">
5</picture>

Sisteme de design: Folosește Tailwind CSS cu componente shadcn/ui. Copy-paste butoane, formulare și carduri frumoase fără să scrii CSS de la zero.

Regula mobile-first: Proiectează mai întâi pentru lățimea de 375px. 60% din traficul tău va fi de pe mobil. Dacă nu funcționează pe telefon, nu funcționează.

Pasul 5: Conținut care Clasifică (SEO 2026)

Google Helpful Content Update (revizia martie 2026) penalizează conținutul generat de AI fără valoare. Scrie pentru oameni, optimizează pentru roboți.

Structura URL:

• •Bun: domeniu.ro/servicii/instalatori-bucuresti
• •Prost: domeniu.ro/p=123 sau domeniu.ro/2026/03/30/titlu-articol

Schema markup: Adaugă schema LocalBusiness dacă ești firmă locală. Te duce în pachetul de hărți.

1{
2 "@context": "https://schema.org",
3 "@type": "LocalBusiness",
4 "name": "Numele Firmei",
5 "address": {
6   "@type": "PostalAddress",
7   "streetAddress": "Strada Exemplu 123",
8   "addressLocality": "Bucuresti",
9   "postalCode": "010101"
10 }
11}

Checklist conținut:

• •Un singur H1 per pagină (titlul tău principal)
• •Răspunde la întrebări în primele 100 de cuvinte
• •Linkuri interne între pagini înrudite
• •Alt text la fiecare imagine (descrie ce e în imagine, nu “imagine1.jpg”)

Pasul 6: Chestiunile Tehnice care Contează

Ținte Core Web Vitals (2026):

• •LCP (Largest Contentful Paint): Sub 2.5 secunde
• •INP (Interaction to Next Paint): Sub 200 milisecunde
• •CLS (Cumulative Layout Shift): Sub 0.1

Testează cu PageSpeed Insights. Dacă pici la INP, e de obicei din cauza JavaScriptului greu. Site-urile statice trec aceste teste by default.

Compliance privacy:
GDPR în România e strict. Ai nevoie de:

• •Banner de cookie-uri (sau mai bine, folosește analytics fără cookie-uri)
• •Pagină de politică de confidențialitate
• •Termeni și condiții
• •Procedură de ștergere a datelor

Analytics: Sari peste Google Analytics. Folosește Plausible (9 EUR/lună) sau Fathom (14 USD/lună). Sunt GDPR compliant by default, nu folosesc cookie-uri, și se încarcă în 1KB în loc de 40KB.

Pasul 7: Workflow de Publicare

Iată workflowul meu actual pentru site-uri noi:

1. Cumperi domeniul (5 minute)
2. Setezi repository GitHub (2 minute)
3. Conectezi la Cloudflare Pages (3 minute)
4. Instalezi Astro local:

1npm create astro@latest
2cd my-site
3npm install
4npm run dev

1. Editezi conținutul în /src/pages/ și /src/content/
2. Push pe GitHub:

1git add .
2git commit -m "Continut initial"
3git push origin main

1. Cloudflare deployează automat site-ul global (30 secunde)

Când vrei să actualizezi conținut: editezi fișierul, faci commit, push. Site-ul se actualizează în 30 secunde global.

Rezultate: Cum Arată în Realitate

Site: Cofetărie locală în Timișoara (site static Astro)

• •Setup WordPress anterior: 3.8s încărcare, scor 74 Performanță, 75 RON/lună hosting
• •Setup static nou: 0.4s încărcare, scor 100 Performanță, 0 RON/lună hosting
• •Impact SEO: Mutare de la pagina 3 pe pagina 1 pentru “cofetarie timisoara” în 6 săptămâni

Site: Portofoliu fotograf freelancer

• •Wix anterior: 6.2s încărcare, erori de utilizare mobil
• •Site Astro nou: 0.6s încărcare, scor mobil perfect
• •Conversie: Formulare de contact completate în creștere cu 340%

Compromisuri și Limite

Abordarea asta nu e perfectă.

Actualizările de conținut necesită confort tehnic. Dacă clientul tău vrea să editeze text zilnic și nu poate gestiona Markdown sau Git, va suferi. Soluții:

• •Folosește un headless CMS precum Sanity sau Strapi (adaugă complexitate)
• •Îi înveți pe Decap CMS (fost Netlify CMS) - funcționează cu Git dar se simte ca WordPress
• •Sau rămâi la WordPress dacă ei actualizează conținutul orar (acceptă costul de performanță)

E-commerce e mai greu. Site-urile statice funcționează pentru magazine simple (folosind Stripe Checkout sau Snipcart), dar filtrările complexe/inventarul necesită Shopify sau WooCommerce.

Curbă de învățare există. Primul site ia 2-3 zile să îl înțelegi. Al doilea ia 4 ore. Dar și primul site e tot mai rapid decât să înveți WordPress în profunzime.

Concluzie

În 2026, “începător” nu trebuie să însemne “lent și scump”. Există instrumente să construiești websiteuri profesionale, rapide, securizate, la costul unui domeniu.

Începe cu Astro sau Next.js. Deploy pe Cloudflare Pages. Folosește Tailwind pentru design. Scrie conținut real.

Vizitatorii tăi (și clasamentele Google) îți vor mulțumi.

Lectură Suplimentară

• •Documentația Astro
• •Web.dev - Core Web Vitals
• •Documentația Cloudflare Pages
• •GDPR pentru Site-uri Românești (ANSPDPD)
• •Tailwind CSS - Fundamentele Utility-First