Qaynaq STUDIO ’26 / BAKU
Jurnal MÜHƏNDİSLİK

Astro vs Next.js — kiçik biznes saytı üçün hansı?

İki çərçivənin gerçək seçim meyarları. Niyə bu sayt Astro-dadır və niyə hər layihə üçün doğru cavab deyil.

“Astro vs Nextjs” sualı dizayn agentlikləri arasında 2025-dən bəri stabil debat mövzusudur. Hər iki çərçivə güclüdür, və hər biri öz sahəsində ən yaxşıdır. Lakin eyni sahə deyil. Bu yazıda kiçik biznes saytı üçün Astro vs Next.js seçimi — və hər birinin nə zaman doğru cavab olduğu. Sayt framework seçimi sualına “ən yaxşı framework” cavabı yoxdur; “sizin layihə üçün doğru framework” cavabı var.

İki çərçivənin əsas fərqi — bir cümlədə

Astro içərik-mərkəzli, statik-əvvəl yanaşmadır. Səhifələr defolt olaraq sıfır JS yüklənir; interaktivlik “ada” kimi əlavə olunur. Next.js tətbiq-mərkəzli, React-əsaslı yanaşmadır. Hər səhifə React komponent ağacıdır, server və ya client tərəfində render olunur.

Bu fərq sayt necə açıldığında dərhal hiss olunur. Astro saytı 15–30 KB JS yükləyir. Eyni miqyasda Next.js saytı 80–120 KB. Yerli mobil bağlantıda fərq 200–400 ms LCP fərqi yaradır.

Sayt framework seçimi — üç sual

Doğru cavabı seçmək üçün üç sualı cavablandırın:

  1. Səhifələrin neçə faizi həqiqətən interaktivdir? Cavab “20%-dən az”dırsa, Astro. Cavab “50%-dən çox”dursa, Next.js.
  2. Məzmun haradan gəlir? Müəllif bir-iki nəfərdirsə və texnik çevikdirsə, MDX faylları (Astro üçün ideal). Onlarla qeyri-texniki redaktor varsa, CMS (Next.js + headless CMS).
  3. Performans büdcəsi nə qədər ciddi? Landing 80 KB JS-dən az olmalıdırsa, Astro şərtdir. 200 KB qəbul ediləndirsə, Next.js da işləyir.

Bu üç sualın cavabı seçimi 80% təyin edir.

Kiçik biznes saytı üçün hansı tipik cavabdır

Tipik kiçik biznes sayt strukturu:

  • Ana səhifə — statik məzmun
  • Xidmətlər (5–10 səhifə) — statik
  • Haqqımızda — statik
  • Blog (10–50 yazı) — statik, MDX
  • Əlaqə forması — interaktiv (5%-lik istisna)

Bu strukturda 95% səhifə statikdır. Yalnız əlaqə forması və ola bilsin axtarış interaktivdir. Astro bu profilin tam uyğunudur.

Next.js bu strukturda “overkill”dir. Şirkət portfolio saytı üçün React server runtime, hydration boilerplate, RSC payload — bunların heç biri lazım deyil. Eyni saytı qurarsan, lakin sayt 3 dəfə ağır olar, hosting 2 dəfə baha olar.

Next.js nə vaxt doğru cavabdır

Aşağıdakı hallarda Next.js seçimi doğrudur:

  • SaaS məhsul. Login, dashboard, real-time data — Next.js bu nümunədə ən güclüdür.
  • Mürəkkəb tətbiq səhifələri. Konfiqurator, hesablama alətləri, çoxlu istifadəçi state.
  • Çoxlu API inteqrasiya. Serverless funksiyalar, BFF (backend for frontend) qurmaq lazımdır.
  • Komanda React mütəxəssis­lərindən ibarətdir. Astro öyrətmək vaxtı olmayan komanda Next.js-də qalsın.

Bu hallar kiçik biznes “marketinq saytı” deyil. Onlar tam tətbiqdir.

React vs Astro — yanlış müqayisə

Sual “React vs Astro” formasında verilir bəzən, lakin bu səhv bir müqayisədir. React bir kitabxanadır, Astro bir çərçivədir. Astro daxilində React istifadə edə bilirsiniz — bir komponent əlavə edirsiniz, “client:visible” direktivi qoyursunuz, və yalnız o komponent React yükləyir. Astro + React kombinasiyası ən geniş yayılmış yığımlardandır.

Doğru müqayisə: Astro vs Next.js (hər ikisi çərçivə), və ya Astro vs Hugo vs Eleventy (içərik-mərkəzli çərçivələr arası).

Yerli hostluq və DevOps

Bu fərq də vacibdir, lakin çox vaxt yan keçilir.

Astro:

  • Statik fayllar — istənilən hostda işləyir (ANS Hosting, Netlify, Cloudflare Pages, Vercel)
  • Aylıq hosting xərci: 0–10 USD
  • DevOps mürəkkəbliyi: minimal

Next.js:

  • Server runtime tələb edir (App Router üçün)
  • Vercel-də ideal işləyir, başqa hostda mürəkkəbdir
  • Aylıq hosting xərci: 0–20+ USD (trafikə görə)
  • DevOps mürəkkəbliyi: orta

Yerli bazarda “bu sayt Vercel-dədir, niyə aylıq 20$ ödəyirik” sualı Next.js seçimindən sonra gəlir. Astro seçimi ilə bu sual qarşıya çıxmır.

Real keçid həyatı

Sayt framework seçimi əbədi deyil. Astro-da başlayan layihə Next.js-ə keçə bilər (məzmun MDX-də qalır, komponent kodu yenidən yazılır). Tərsi də mümkündür.

Lakin keçidin xərci real iş günüdür. İlk seçimi doğru etmək geri qaytarma xərcini sıfır edir.

Biz niyə Astro seçdik

Bu sayt 2026-cı il başlanğıcında Astro üzərində quruldu. Səbəblər:

  • Əsasən statik məzmun — jurnal, case study, xidmət səhifələri
  • Tək müəllif, MDX yazır — CMS lazım deyil
  • Performance büdcəsi ciddi — Lighthouse 95+ tələb olunur
  • Hosting portativ qalmalıdır — Vercel xaricində də işləməlidir

Eyni saytı Next.js ilə qursaydıq, hər səhifə 4–5 dəfə daha ağır olardı, və ya bütün səhifələri SSG modunda qurub Next.js-in əksər güclü tərəflərini hədər edərdik.

Müştəri saytları üçün seçim

Developer ekosistemi və komanda təcrübəsi

Framework seçimində nəzərə alınmayan vacib faktor — komandanın bilik bazası. Azerbaycan bazarında React mütəxəssisi çox, Astro mütəxəssisi az­dır. Bu reallıq seçimi idarə edir:

  • Sayt qurulduqdan sonra dəstəyi kim verəcək?
  • Acil bir səhv baş tutsa, kim 1 saata cavab verə bilər?
  • İllər ərzində kim yenilik əlavə edəcək?

Yerli kontekstdə Astro hələ də nadir, Next.js geniş yayılmış. Bu, “Astro pis deməkdir” mənasına gəlmir — sadəcə dəstək axtarışı çətindir. Layihə qurulanda dəstək planı da müzakirə edilməlidir.

Astro və Next.js arasında orta yol — hibrid yanaşma

Bəzi layihələrdə hər iki çərçivə birgə işləyə bilir:

  • Marketinq sayt (ana, blog, xidmətlər) — Astro üzərində
  • İstifadəçi dashboard və ya app (login arxasında) — Next.js üzərində
  • İki ayrı domain altında: example.com (Astro), app.example.com (Next.js)

Bu yanaşma SaaS layihələrində standartdır. Marketinq səhifələri statik və sürətli olmalıdır (SEO üçün), tətbiq isə interaktiv və state-bazlı (istifadəçi təcrübəsi üçün). Bir çərçivə ilə hər ikisini etmək — kompromis edir.

Hansı framework seçməyəcəyimiz aydındırsa

Yerli kontekstdə qəti olaraq atmadığımız seçimlər:

  • PHP frameworklərı (Laravel, Symfony) saf sayt üçün — backend güclüdür, frontend təcrübəsi 2026-cı il üçün yetərli deyil
  • Köhnə React Single Page App — SEO problematikdir, sürət aşağıdır
  • Tək WordPress + custom theme (heç bir headless yanaşma olmadan) — istisnalardan başqa köhnə yığım

Bu seçimlər bir vaxtlar düzgün idi, lakin 2026-cı il itibarı ilə daha yaxşı alternativlər var.

Müştəri saytlarımızın 60%-i Astro üzərində qurulur. Qalan 25% WordPress (qeyri-texniki redaktor komandası varsa), 15% Next.js (kompleks tətbiq tərəfi varsa). Eyni soruşmaya eyni cavab vermirik. Qaynaq-da framework seçimi ilk discovery söhbətinin bir hissəsidir — biznes profilinizə görə qərar verilir, bizim alət seçimimizə görə yox.