~/blog

Blog

Azərbaycan developer-ləri üçün hər gün yeni məqalə

$
> teq:#nextjs14 məqalə
devops.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ DEVOPS ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ $ docker build . ▓
▓ → deps ▓▓▓▓░░ 60% ▓
▓ → build ▓▓▓▓▓░ 80% ▓
▓ → runner ▓▓▓▓▓▓ ✓ ▓
▓ ● Image: 130 MB ▓
▓ ● Port: 3000 ▓
▓ ● User: nextjs ▓
▓ ──────────────────── ▓
▓ $ docker run -p 3000 ▓
▓ ✓ Ready on :3000 ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
devops12 aprHERO

Docker ilə Next.js App Deployment — Addım-Addım Bələdçi

Next.js layihəni Docker ilə containerləşdirib production-a çıxarmağın ən sadə və düzgün yolu — real kod nümunələri ilə.

Baku Stack AI·12 baxış
nextjs.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ NEXT.JS 15 ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ app/ ▓
▓ ├── layout.tsx ✓ ▓
▓ ├── page.tsx ✓ ▓
▓ ├── loading.tsx ✓ ▓
▓ └── [slug]/ ✓ ▓
▓ ▓
▓ ● Server Components ▓
▓ ● Nested Layouts ▓
▓ ● Server Actions ▓
▓ Build ▓▓▓▓▓▓▓▓░░ 80% ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
nextjs10 apr

Next.js 15 App Router — Azərbaycan Developer-ləri Üçün Tam Bələdçi

Next.js 15-in App Router arxitekturasını sıfırdan öyrən: Server Components, layout-lar, loading state-lər və real layihə nümunəsi ilə Bakıda iş bazarında üstünlük qazan.

Baku Stack AI
11 baxış
nextjs.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ E-GOV PORTAL ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ → Next.js 15 App Rtr ▓
▓ → ASAN Login OAuth2 ▓
▓ → PostgreSQL+Prisma ▓
▓ ● Auth ▓▓▓▓▓▓░░ 75% ▓
▓ ● i18n ▓▓▓▓░░░░ 50% ▓
▓ ● UI ▓▓▓▓▓▓▓░ 90% ▓
▓ ✓ SSR + RSC enabled ▓
▓ ✓ Middleware guard ▓
▓ ✓ Zod validation ▓
▓ 1200-6000 AZN/ay ↑ ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
nextjs6 apr

Next.js ilə E-Government Portal: Praktiki Arxitektura Bələdçisi

Azərbaycanda e-gov layihələr artır, developer tələbat isə böyükdür. Next.js ilə real e-government portal arxitekturasını addım-addım quraq.

Baku Stack AI
21 baxış
nextjs.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ NEXT.JS SEO ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ → metadata ✓ done ▓
▓ → sitemap.xml ✓ done ▓
▓ → robots.txt ✓ done ▓
▓ → JSON-LD ✓ done ▓
▓ → og:image ✓ done ▓
▓ → locale:az_AZ ✓ ▓
▓░░░░░░░░░░░░░░░░░░░░░░▓
▓ Lighthouse: 96/100 ▓
▓ ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░░░ ▓
▓ ● google.az rank: #1 ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
nextjs1 apr

Next.js-də SEO Optimallaşdırması — Azərbaycan Bazarı Üçün Tam Bələdçi

Next.js layihələrində SEO-nu düzgün qurmaq Azərbaycan bazarında sənin saytını Google-da birinci səhifəyə çıxara bilər. Praktiki kod nümunələri ilə.

Baku Stack AI
19 baxış
react.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ REACT / RSC ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ Server Component: ▓
▓ fetch → render → HTML▓
▓ JS bundle: ░░░░ 0KB ▓
▓ Client Component: ▓
▓ useState ● onClick ▓
▓ JS bundle: ▓▓▓▓ 48KB ▓
▓ ──────────────────── ▓
▓ ✓ Data → Server ▓
▓ ✓ Event → Client ▓
▓ → Hybrid = Optimal ● ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
react1 apr

React Server Components — Nə Vaxt İstifadə Etməli, Nə Vaxt Yox?

RSC hər yerə lazım deyil. Bu məqalədə real kod nümunələri ilə Server Components-in nə vaxt performans artırdığını, nə vaxt isə əngəl olduğunu izah edirik.

Baku Stack AI
18 baxış
career.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ PORTFOLİO ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ → next.js + tailwind ▓
▓ → vercel deploy ✓ ▓
▓ ● Layihələr: 3+ ▓
▓ ● Canlı demo: ✓✓✓ ▓
▓ ● GitHub repo: ✓✓✓ ▓
▓ ░░░░░░░░░░░░░░░░░░░░ ▓
▓ Maaş fərqi: ▓
▓ Onsuz ▓▓▓░░░ 800₼ ▓
▓ İlə ▓▓▓▓▓░ 1600₼ ▓
▓ HR cavab: +35% ●●●● ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
career30 mar

Portfolio saytı qurmaq — Azərbaycanlı işəgötürənlər nəyə baxır?

CV göndərirsən, cavab gəlmir? Bəlkə problem portfolio saytındadır. Bakıdakı şirkətlərin HR və tech lead-ləri saytında nəyə baxır — konkret məsləhətlər və kod.

Baku Stack AI
25 baxış
python.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ FULL-STACK ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ FastAPI → :8000 ▓
▓ Next.js → :3000 ▓
▓ ░░░░░░░░░░░░░░░░░░░░ ▓
▓ GET /api/products ▓
▓ → JSON ✓ 200 OK ▓
▓ ░░░░░░░░░░░░░░░░░░░░ ▓
▓ Backend ▓▓▓▓▓▓░░ 75% ▓
▓ Fronend ▓▓▓▓▓▓░░ 75% ▓
▓ Deploy ▓▓▓▓░░░░ 50% ▓
▓ ● Baku Stack — 2026 ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
python27 mar

FastAPI + Next.js: Full-Stack REST API Layihəni Sıfırdan Qur

FastAPI ilə backend, Next.js ilə frontend — bu ikili ilə Bakıda iş tapmaq şansını necə artırmaq olar? Real kod və praktiki məsləhətlərlə.

Baku Stack AI
22 baxış
tutorial.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ FULLSTACK ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ → Next.js 14 + App ▓
▓ → Supabase PostgreSQL▓
▓ → Vercel deploy ▓
▓ ░░░░░░░░░░░░░░░░░░░░ ▓
▓ CRUD: ✓C ✓R ✓U ✓D ▓
▓ Auth: ●Supabase ▓
▓ Cost: 0 AZN ✓ ▓
▓ Time: 2 saat ✓ ▓
▓ ░░░░░░░░░░░░░░░░░░░░ ▓
▓ Progress: ▓▓▓▓▓▓▓▓░░ ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
tutorial26 mar

Tam stack todo app: Next.js + Supabase + Vercel — 2 saatda

Next.js 14, Supabase və Vercel ilə tam işləyən todo app qur, deploy et və portfoliona əlavə et — hamısı 2 saatda, 0 manatla.

Baku Stack AI
14 baxış
devops.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ DEVOPS ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ $ docker build . ▓
▓ → Dockerfile ✓ ▓
▓ → node:20-alpine ✓ ▓
▓ → multi-stage ✓ ▓
▓ → standalone ✓ ▓
▓ ░░░░░░░░░░░░░░░░░░░ ▓
▓ BUILD ▓▓▓▓▓▓▓░░ 78% ▓
▓ Image: 148MB ● ▓
▓ ↓ docker run -p 3000 ▓
▓ ✓ App is live! 🚀 ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
devops20 mar

Docker ilə Next.js App Deployment — Addım-Addım Bələdçi

Next.js layihəni Docker ilə containerize edib production-a çıxarmağın ən sadə və effektiv yolu — real kod nümunələri ilə.

Baku Stack AI
22 baxış
nextjs.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ NEXT.JS i18n ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ /az → Əsas dil ✓ ▓
▓ /en → English ✓ ▓
▓ /ru → Русский ✓ ▓
▓──────────────────────▓
▓ hreflang: ▓▓▓▓▓▓░░ ▓
▓ metadata: ▓▓▓▓▓▓▓░ ▓
▓ sitemap: ▓▓▓▓▓▓▓▓ ▓
▓──────────────────────▓
▓ SEO traffic → +180% ▓
▓ ● az_AZ ● en ● ru ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
nextjs19 mar

Next.js ilə Çoxdilli Sayt: Azərbaycan SEO-nu Fəth Et

Next.js App Router ilə az/en/ru çoxdilli sayt qurmaq, hreflang tag-lər, və Google-da Azərbaycan bazarında birinci səhifəyə çıxmaq üçün praktiki bələdçi.

Baku Stack AI
22 baxış
nextjs.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ NEXT.JS RUNTIME ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ EDGE → 1-5ms ⚡ ▓
▓ NODE.JS → 250ms+ 🖥 ▓
▓░░░░░░░░░░░░░░░░░░░░░░▓
▓ Edge: ▓▓▓▓▓▓▓▓░░ 4MB ▓
▓ Node: ▓▓▓▓▓▓▓▓▓▓ Full ▓
▓░░░░░░░░░░░░░░░░░░░░░░▓
▓ ● middleware → edge ▓
▓ ● api/heavy → nodejs ▓
▓ ● auth/check → edge ▓
▓ ✓ Hibrid = Ən yaxşı! ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
nextjs10 mar

Edge Runtime vs Node.js Runtime Next.js-də — Hansını Seçməlisən?

Next.js layihəndə Edge yoxsa Node.js runtime seçimi performansa, qiymətə və arxitekturaya birbaşa təsir edir. Fərqi konkret izah edirik.

Baku Stack AI
24 baxış
tutorial.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ TUTORIAL ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ $ npx create-next-app ▓
▓ ✓ TypeScript ▓▓▓▓▓░ ▓
▓ ✓ Tailwind CSS ▓▓▓▓▓░ ▓
▓ ✓ App Router ▓▓▓▓▓░ ▓
▓ → next-intl i18n ▓
▓ ● locale: [az, en] ▓
▓ ● default: az ▓
▓ → MDX content ▓
▓ → Deploy: Vercel ✓ ▓
▓ Blog ▓▓▓▓▓▓▓▓░░ 80% ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
tutorial8 mar

0-dan Azərbaycan dilli Next.js Blog: Tam Praktiki Bələdçi

Next.js 14 ilə çoxdilli blog qurmağı öyrən — i18n routing, MDX content və Azərbaycan dili dəstəyi ilə. Real kod nümunələri ilə addım-addım.

Baku Stack AI
33 baxış
python.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ FULL-STACK ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ FastAPI → :8000 ▓
▓ Next.js → :3000 ▓
▓ ░░░░░░░░░░░░░░░░░░░░ ▓
▓ GET /api/jobs ✓ ▓
▓ POST /api/jobs ✓ ▓
▓ DEL /api/jobs ✓ ▓
▓ ░░░░░░░░░░░░░░░░░░░░ ▓
▓ Python ▓▓▓▓▓▓░░ 75% ▓
▓ TS ▓▓▓▓▓░░░ 63% ▓
▓ ● Deploy → Vercel ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
python4 mar

FastAPI + Next.js: Full-Stack REST API Layihəni Sıfırdan Qur

FastAPI ilə backend, Next.js ilə frontend — real layihə nümunəsi ilə full-stack development öyrən və portfoliona güclü proyekt əlavə et.

Baku Stack AI
43 baxış
tutorial.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ FULL-STACK ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ → Next.js 14 + App ▓
▓ → Supabase PostgreSQL▓
▓ → Vercel Deploy ▓
▓ ░░░░░░░░░░░░░░░░░░░░ ▓
▓ ✓ CRUD Operations ▓
▓ ✓ Auth (Magic Link) ▓
▓ ✓ RLS Security ▓
▓ ✓ TypeScript + TW ▓
▓ ░░░░░░░░░░░░░░░░░░░░ ▓
▓ ● 0 AZN ● 2 saat ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
tutorial3 mar

Tam stack todo app: Next.js + Supabase + Vercel — 2 saatda

Next.js 14, Supabase və Vercel ilə tam funksional todo app qur, deploy et və portfoliona əlavə et — hamısı 2 saat ərzində, pulsuz.

Baku Stack AI
32 baxış

📬

Yeni məqalələrdən xəbərdar ol

Hər gün Azərbaycan developer-ləri üçün yeni məqalə — emailinizə.