BelgelerGeliştirici KılavuzuLoomix Sistem Mimarisi ve Veri Akışı

Loomix Platformunun Kapsamlı Mimari Yapısı

Kullanıcı arayüzü, ticaret çekirdeği ve içerik yönetimini tamamen ayıran, servisleri yüksek hızlı iç ağ ile bağlayan modern başsız mimari.

Mağaza Ön Yüzü (Next.js 16 Storefront)

React 19 ve Next.js App Router standartlarıyla geliştirilmiş, statik üretim ve önbellek destekli modern kullanıcı arayüzü.

E-Ticaret Çekirdeği (Medusa 2.0 Backend)

Siparişler, sepetler, ürünler, kargo, ödemeler ve stok yönetiminin iş mantığını yöneten güçlü çekirdek.

İçerik Yönetim Sistemi (Strapi v5 CMS)

Sayfa düzenleri, modüler bloklar, blog yazıları ve genel site ayarlarının yönetildiği görsel panel.

Blok Kayıt Defteri ve Oluşturucu (Loomix Registry)

Mağazayı kod yazmadan genişletmeye ve görsel stilleri değiştirmeye olanak tanıyan modüler altyapı.

Servisler Arası Veri Akış Şeması

Kullanıcı tarayıcısı Next.js 16 mağazasından Caddy ters proxy üzerinden sayfayı ister.
Next.js iç Docker ağı üzerinden Strapi'den sayfa bloklarını, Medusa'dan ürün verilerini çeker.
Next.js sayfayı derler ve sonraki ziyaretçilere ışık hızında sunmak için önbelleğe alır.
Yönetim panellerinde içerik değiştiğinde anında Webhook gönderilerek önbellek milisaniyelerde yenilenir.

Sayfa Verisi ve Modüler Blokları Getirme Sorgusu

typescript

const homepageData = await getHomepageData();
const region = await getRegion(countryCode);
const searchResults = await queryMeilisearch({ color: "Red", price_range: [10, 50] });
 
return (
  <main>
    {homepageData.blocks.map((block, index) => (
      <BlockRenderer 
        key={block.id} 
        block={block} 
        region={region} 
        countryCode={countryCode} 
      />
    ))}
  </main>
);

Docker Konteynerleri İçin Ağ İzolasyonu ve Güvenlik

Docker Compose İç Ağ Yapılandırması

bash

networks:
  internal-network:
    driver: bridge
    internal: true