MetaTechTR

Endüstriyel 3D baskı e-ticaret ve teknik servis deneyimi. Next.js 16 App Router, React 19, Tailwind v4, TypeScript.

Bu bir vitrin/demo projesidir. Ürün kataloğu ve görseller MetaTechTR'nin yayındaki mağazasından derlenmiştir; sipariş, servis ve ödeme akışları örnek veriyle çalışır. Canlı mağaza T-Soft üzerinde koşar ve bu proje onu değiştirmez.

Hızlı başlangıç

npm install
cp .env.example .env.local     # Neon bağlantı adresinizi ve AUTH_SECRET girin
npm run db:setup               # tabloları oluşturur
npm run db:seed                # örnek siparişli demo hesabı ekler (opsiyonel)
npm run dev

db:seed sonrası demo giriş: demo@metatechtr.com / Demo12345

AUTH_SECRET üretmek için: openssl rand -base64 32

Komutlar

Komut	Ne yapar
npm run dev	Turbopack geliştirme sunucusu
npm run build	Üretim derlemesi
npm run lint	ESLint (next lint v16'da kaldırıldı)
npm run db:setup	db/schema.sql şemasını Neon'a uygular
npm run db:seed	Demo hesabını örnek sipariş ve cihazlarla doldurur

Neler var

Mağaza — 183 gerçek ürün, 6 kategori, faset filtreleme, sıralama, sayfalama, anlık arama, 4'e kadar ürün karşılaştırma, sepet ve 3 adımlı demo ödeme akışı.

Teknik servis — servis vitrini, 4 adımlı talep formu, seri no ile cihaz ve garanti sorgulama, süreç takibi, teknisyen için yedek parça seçimi ve yazdırılabilir servis raporu.

Hesap — e-posta/şifre ile gerçek kayıt ve giriş (Auth.js + Neon Postgres). Siparişler gerçekten veritabanına yazılır: ödeme akışını tamamlayınca sipariş hesabınıza işlenir, yazıcı veya tarayıcı satın aldıysanız cihaz otomatik kaydedilir ve 2 yıllık garanti takibi o tarihten başlar. Yeni hesaplar boş başlar — kimse başkasının verisini görmez.

Tema — açık/koyu tema anahtarı. Tüm renkler CSS değişkeni üzerinden derlendiği için koyu palet tek bir blokta tanımlıdır; işaretlemede dark: varyantı yoktur.

Mimari

Üç adapter sınırı, hepsi aynı desende:

src/lib/commerce/   ürün kataloğu   → CommerceAdapter   (mock)
src/lib/service/    teknik servis   → ServiceAdapter    (mock + kayıtlı cihazlar)
src/lib/account/    hesap verisi    → AccountAdapter    (Postgres)

Her biri index.ts içinde tek satırda seçilir. Katalog ve servis mock veriyle çalışır; gerçek bir T-Soft entegrasyonu için arayüzü karşılayan yeni bir adapter yazmak ve o satırı değiştirmek yeterli — sayfalarda değişiklik gerekmez. Hesap adapter'ı zaten gerçektir: siparişler, adresler ve cihazlar Postgres'te, oturumdaki kullanıcıya bağlı olarak tutulur.

Kimlik doğrulama bunun dışında: Auth.js v5, JWT oturumları ve Neon Postgres üzerinde gerçek bir users tablosu kullanır (src/auth.ts, src/lib/auth/).

Tasarım sistemi (renk, tipografi, aralık, gölge) tek kaynakta: src/app/globals.css içindeki @theme bloğu. Tailwind v4 olduğu için tailwind.config.js yoktur.

Dağıtım

Vercel'e bağlayın ve iki ortam değişkenini tanımlayın:

• DATABASE_URL — Neon pooled connection string
• AUTH_SECRET — rastgele 32 baytlık anahtar

Notlar

• Teknik özellikler, servis ücretleri ve süreler temsilîdir.
• Ödeme adımı gerçek bir tahsilat yapmaz; kart bilgisi hiçbir yere gönderilmez.