omergulcicek

ViraStack

Modern React uygulamaları geliştirmek için headless, tip güvenli araçlar ve agent kuralları.

virastack.comGitHub

Sorun

Yapay zekâ kod yazmayı hızlandırdı ama hızın bir bedeli var. Projenin sağlam bir temeli yoksa her agent kendi bildiği yoldan gider; teknik borç, performans kaybı ve erişilebilirlik açıkları sessizce birikir.

ViraStack bu temeli ilk günden kurar: önceden belirlenmiş bir mimari, o mimariyi agent'lara anlatan kurallar ve formların en çok tekrar eden parçaları için hazır hook'lar.

Öğren

Temelini bilmediğin bir yapının üstüne inşa edemezsin. Academy frontend'i sırayla öğretir; Guide modern bir web uygulamasının nasıl kurulduğunu üç dakikada gösterir.

  • Academy

    15GitHub yıldızı

    React ile frontend geliştirici olmak için güncel yol haritası. Temellerden yapay zekâ, mimari ve test gibi ileri konulara ücretsiz rehberler.

  • Guide

    Modern bir web uygulamasının nasıl kurulduğunu, ham HTML'den AI-native arayüze 3 dakikada adım adım gösteren interaktif rehber.

Başlat

Tek komutla tip güvenli bir Next.js ya da TanStack Start projesi. Mimari kurallar agent'ların okuyacağı biçimde kurulu gelir.

  • Start

    103GitHub yıldızı1.751indirme · son 3 ay

    npx virastack ile üretime hazır Next.js ve TanStack Start projeleri. Feature tabanlı mimari, strict TypeScript ve AI kuralları dahil gelir.

  • AI

    24GitHub yıldızı4.701indirme · son 3 ay

    Claude Code, Cursor ve AGENTS.md okuyan tüm agent'lar için tek bir mimari kural seti. Agent'lar projenin geri kalanına uyan kod yazar.

Geliştir

Hiçbir şey render etmeyen, tip güvenli form hook'ları. Her biri tek başına kurulur, aynı React Hook Form'da birlikte çalışır ve aynı kurallar sunucuda da doğrular.

  • Mask

    1.461indirme · son 3 ay

    React Hook Form için sıfır bağımlılıklı input maskeleri. Telefon, kart, IBAN, TCKN ve TRY hazır gelir; aynı şema sunucuda da doğrular.

  • Password

    1.064indirme · son 3 ay

    React için erişilebilir parola hook'u: göster/gizle, NIST tarzı güç, parola tekrarı ve sunucuda aynı kurallar.

  • Address

    510indirme · son 3 ay

    Türkiye adresleri için headless React hook'u. İl, ilçe ve mahalle zincirleme seçilir; posta kodu mahalleden gelir ve adres sunucuda doğrulanır.

İlkeler

Headless
Mask, Password ve Address arayüz çizmez. Input'lar, bileşenler ve stiller senin; hook yalnızca davranışı getirir.
Tip güvenli
Start strict TypeScript ve Zod ile gelir; her paket kendi tiplerini taşır. Mask ve Address alan adlarını formunun tipine göre denetler, yanlış isim derlemede yakalanır.
Agent'lar için
Aynı mimari kurallar Claude Code, Cursor ve AGENTS.md okuyan her agent için, her aracın kendi formatında yazılır. Agent'lar projene uyan kod üretir.
Bağımsız
MIT lisanslı, ücretsiz ve ücretli planı yok. Her paket ayrı sürümlenir; birini kullanmak diğerlerini projene getirmez.

Altyapı

ViraStack bu araçların yerine geçmez; onları birlikte çalışacak şekilde kurar.

  • TypeScript
  • React
  • Next.js
  • TanStack
  • Tailwind CSS
  • shadcn/ui
  • React Hook Form
  • Zod

Neden yapıyorum

Yıllardır öğrendiğim her şeyi bir projeye dönüştürüyorum; ilki CSS'i derinlemesine anlamak için yazdığım Turkuaz'dı. Bugün o merak ViraStack'te sürüyor: Start proje mimarisini kurar, AI agent kurallarını yazar, Mask, Password ve Address formları üstlenir. Hepsi ortak bir standarda bağlı.

Bir işin mutfağına girip kalitesine uçtan uca hâkim olmayı seviyorum; ViraStack bunu herkesin ücretsiz kullanabileceği bir düzene çevirme çabam. Hikâyenin tamamını ViraStack: Frontend Ekosistemi yazısında anlattım.

Şu an nerede

ürün
7
npm indirmesi · toplam
13.499
GitHub yıldızı
142

Her ürün ayrı sürümlenir ve topluluktan gelen geri bildirimle gelişir. Bir hata bildirmek, fikir önermek ya da GitHub'da yıldız bırakmak en büyük destek.

Yazılar