Kaynaklar/Web & Tasarım
Web & Tasarım · No-CodeÜç boyutlu, kaydırdıkça canlanan bir site görünce çoğu insan "bunu ancak bir ekip yapar" der. Değil: kodu Claude Code yazar, senin işin ona doğru başlangıcı ve doğru promptu vermek. Başlangıç tamamen ücretsiz.
Promptlar tek başına yetmez. Claude Code boşluğa kod yazmaz, üstüne inşa eder; önce çalışan bir 3D iskelet lazım. Kullandığım repo: pmndrs/react-three-next — Next.js + React Three Fiber resmî starter'ı. MIT lisanslı, ücretsiz, ~2.800 yıldız.
Tek komut, çalışan bir 3D Next.js iskeleti. Sonrası basit:
Reponun altında çalışan motor: React Three Fiber (Three.js'i React'e taşıyan renderer) ve @react-three/drei (hazır R3F bileşenleri: kamera, ışık, model yükleme). Hafif alternatif: sadece Three.js + Vite isteyene doinel1a/vite-three-js boilerplate (MIT, kurulu ESLint/Tailwind).
Repoyu kurup projeyi açtıktan sonra aşağıdaki promptu yapıştır. İskeleti, kütüphaneleri ve sahneyi Claude kurar; sen sadece içeriği değiştirirsin. Stack: React Three Fiber + Drei + GSAP. İlk iki prompt hemen aşağıda; kalan ikisi (ışık, referans klonlama) + araçlar, modeller ve başlangıç paketi de devamında.
Kaydırdıkça dönen ve yaklaşan bir hero; kamera ve obje GSAP ScrollTrigger ile animasyonlanır. Mobil uyumlu, FPS düşmez, tek Hero bileşeninde toplanır.
useGLTF ile .glb model; kullanıcı fareyle döndürür (OrbitControls), tıklayınca kameranın açılara yumuşak geçtiği 3 tur noktası + bilgi kartı.
Bu bölümün devamı ve indirilebilir başlangıç paketi e-postayla açılır.
