ViraStack Guide
Ham HTML’den AI-native deneyime kadar modern web standartlarını adım adım gösteren interaktif rehber. Katmanları sırayla yaşatır; sonunda ViraStack ekosistemine yönlendirir.
Ne öğreneceksin?
İçerik her şeydir
Adım 1
Her arayüz içerikle başlar. Stil sonra gelir. Rehber sade semantik metinle açılır, üzerine inşa eder.
Temel
Adım 2
Yalnızca HTML ve CSS modern taban değil. React, TypeScript, Next.js ve TanStack Start mimariyi kurar.
CSS
Adım 3
Okunabilirlik layout ile başlar. Tailwind boşluk ve hizalamayı saniyeler içinde verir; elle stylesheet yok.
Yazı stili
Adım 4
Tarayıcı varsayılanı yarım kalmış hissettirir. Rehberde font seçince her adımın tonu değişir.
Bileşenler
Adım 5
Kontrolleri sıfırdan yazmak yerine shadcn/ui ile kur; Mask ile kart/telefon formatını, Password ile görünürlük toggle’ını canlı gör.
Tema & AI
Adım 6
Açık/koyu temayı ekle, sonra prompt ile bitir: bir istek yaz, dinamik arayüzün oluşmasını izle.