Selahattin Ünlü

Mobil uygulama geliştirip store'a yükleme sürecinden bunaldıysan bu repo tam sana göre
fastlane (fastlane/fastlane):
→ iOS ve Android build & release otomasyonu
→ Otomatik lokalize screenshot üretimi
→ Tek komutla App Store / Play Store yayınlama
→ Beta dağıtımı (TestFlight, Crashlytics, Play)
→ Otomatik code signing yönetimi
→ 11+ CI servisiyle entegrasyon

⭐ 40.8K+ GitHub Star
🔗 [github.com/fastlane/fastlane](http://github.com/fastlane/fastlane)

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 48 #yazılım #programlama #açıkkaynak

Bu videoda arena.ai üzerinden gerçek senaryolarla model karşılaştırması yapıyorum ve şu soruya net cevap arıyorum:
Claude Max planına ayda $100 vermeye hâlâ değer mi?

Aylardır Claude Max + Opus kullanıyorum ve Opus 4.6’yı özellikle planlama, uzun bağlam, ürün geliştirme ve yazım kalitesi tarafında çok seviyorum.
Ama son dönemde çıkan yeni modeller — GLM-5 (Z.ai), Kimi K2.5 ve MiniMax M2.5 — özellikle hız, maliyet/performans ve agentik işlerde ciddi şekilde dikkat çekmeye başladı.

Telegram: https://t.me/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu
Twitter: https://x.com/selahattinunlu

Claude Max’e Ayda $100 Vermek HATA mı? (Opus 4.6 vs Diğerleri)

Gerçek zamanlı uygulama geliştirmek hiç bu kadar kolay olmamıştı ⚡

Socket.IO (socketio/socket.io):

→ Çift yönlü, anlık iletişim
→ WebSocket + otomatik fallback
→ Bağlantı koparsa otomatik yeniden bağlanma
→ Çoklu sunucu desteği ile ölçeklenebilir
→ Tüm platformlarda çalışır (Node.js, Deno, Bun)

⭐ 62.7K GitHub Star

🔗 github.com/socketio/socket.io

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 47 #yazılım #programlama #açıkkaynak

Açık kaynak grafik kütüphanesi (chartjs/Chart.js):
→ 8 farklı grafik tipi (bar, çizgi, pasta, radar...)
→ Animasyonlu ve tamamen responsive
→ Farklı grafik tiplerini tek canvas'ta birleştir
→ Tree-shaking ile minimal paket boyutu
→ 1 milyon veri noktasında bile yüksek performans
⭐ 66.9K GitHub Star
🔗 github.com/chartjs/Chart.js
 #yazılım #programlama #açıkkaynak

Harika Github Repoları Part 46 #yazılım #açıkkaynak #programlama

Web animasyonları için  🎬

Anime.js (juliangarnier/anime):

→ CSS, SVG, DOM ve JS objeleri üzerinde animasyon
→ Timeline ve stagger ile sekans kontrolü
→ SVG path, morph ve line drawing desteği
→ Sadece 17KB (minified + gzipped)
→ Framework bağımsız, her projede çalışır

⭐ 66.5K GitHub Star

🔗 github.com/juliangarnier/anime

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 45 #yazılım #programlama #açıkkaynak

Notion’a her ay onlarca dolar vermek istemiyorsan: AppFlowy🔓
Projelerini, notlarını, görevlerini tek yerden yönetmek isteyenler için açık kaynak ve ücretsiz bir alternatif 👇

🔗 https://github.com/AppFlowy-IO/AppFlowy

#programlama #yazılım #açıkkaynak

Harika Github Repoları Part 44 #yazılım #programlama #açıkkaynak

Bu videoda, açık kaynak dünyasının en heyecan verici yapay zeka projelerinden biri olan OpenClaw kurulumunu gerçekleştiriyoruz. OpenClaw, beta aşamasında olması ve sistem genelinde geniş yetkilere ihtiyaç duyması nedeniyle kişisel bilgisayar yerine Hetzner VPS üzerinden nasıl kurulur, tüm detaylarıyla gösteriyorum.

Node.js yapılandırmasından kullanıcı yetkilerine (Root yerine özel kullanıcı oluşturma), Google Gemini/Claude model seçiminden Telegram Bot eşleşmesine kadar tüm teknik süreci bu rehberde bulabilirsiniz. OpenClaw ile kendi AI asistanınızı bir bulut sunucu üzerinde 7/24 çalışır hale getirmek istiyorsanız bu rehber tam size göre!

Telegram: https://t.me/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu
Twitter: https://x.com/selahattinunlu

--

OpenClaw: https://openclaw.ai
NodeJS indirme linki: https://nodejs.org/en/download

--

Timestamps:
00:00 - Giriş ve OpenClaw Hakkında Önemli Uyarılar
01:15 - Neden VPS? (Hetzner Sunucu Kiralama)
02:45 - Sunucu Bağlantısı (SSH) ve İlk Güncellemeler
04:10 - Node.js ve Gerekli Paketlerin Kurulumu
05:30 - Kritik Uyarı: Root Yerine Yeni Kullanıcı Oluşturma
07:20 - Homebrew ve OpenClaw Yüklemesi
09:00 - Onboarding: Model Seçimi ve Google AI Entegrasyonu
11:30 - Telegram Botu Oluşturma (BotFather)
13:45 - OpenClaw ve Telegram Eşleştirmesi (Pairing)
15:20 - Model Değiştirme ve İlk Canlı Test
17:10 - Kapanış ve Gelecek Videolar Hakkında

#OpenClaw #YapayZeka #AIAgent #VPSKurulumu #TelegramBot #Hetzner #OpenSourceAI #Claude #GoogleGemini

Bilgisayarınıza Sakın Kurmayın! | OpenClaw ve Hetzner VPS ile Güvenli Kurulum

Ücretsiz CMS arıyorsan, bu repo tam sana göre

Strapi (strapi/strapi):

→ Admin panelden içerik modeli kur

→ REST / GraphQL API üret

→ JavaScript/TypeScript tabanlı

→ RBAC ile yetki yönetimi

→ Self-host veya Strapi Cloud

⭐ 71K+ GitHub Star

🔗 https://github.com/strapi/strapi

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 43 #yazılım #programlama #açıkkaynak

Web uygulamanda bir yeri düzelttiğinde başka bir yer bozuluyorsa, bu repo hayatını değiştirecek: Playwright
Playwright (microsoft/playwright):
→ Gerçek kullanıcı gibi tıkla, yaz, yönlen: E2E / UI test otomasyonu
→ Chromium, Firefox, WebKit üzerinde aynı senaryoyu çalıştır (tek yerden kontrol)
→ Headless/headed mod, video/screenshot ve trace ile hata ayıklama kolaylığı
🔗 github.com/microsoft/playwright
#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 42 #yazılım #programlama #açıkkaynak

Yüz tanıma özelliği, otonom araçlar, güvenlik kameraları… hepsinin arkasında aynı kütüphane var.

OpenCV (opencv/opencv):

→ 2500+ hazır bilgisayarlı görü algoritması
→ Yüz tanıma, nesne takibi, artırılmış gerçeklik
→ Python, C++, Java, MATLAB desteği
→ Gerçek zamanlı görüntü ve video analizi
→ Google, NASA, Intel, Toyota tarafından kullanılıyor

⭐ 86K+ GitHub Star

🔗 github.com/opencv/opencv

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 41 #yazılım #programlama #açıkkaynak

NASA ve SpaceX'in web sitelerindeki 3D sahnelerin arkasındaki kütüphane açık kaynak

Three.js (mrdoob/three.js):

→ Tarayıcıda 3D sahne, oyun, animasyon oluştur
→ WebGL, WebGPU ve WebXR desteği
→ Artırılmış ve sanal gerçeklik deneyimleri
→ Yüzlerce hazır örnek ve editör
→ 2010'dan beri aktif, dev topluluk

⭐ 110K+ GitHub Star

🔗 github.com/mrdoob/three.js

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 40 #yazılım #programlama #açıkkaynak

Web sitene animasyon eklemek istiyorsun ama CSS ile yapabileceklerin çok sınırlı. Bu kütüphane o sınırları tamamen kaldırıyor.
GSAP (greensock/GSAP):
→ Scroll tabanlı animasyonlar (ScrollTrigger) → SVG morph ve çizim efektleri → Metin split ve scramble animasyonları → Sürükle-bırak ve fizik bazlı hareketler → React, Vue, her framework ile uyumlu

Eskiden premium eklentileri ücretliydi — Webflow satın aldıktan sonra hepsini ücretsiz yaptı.

🔗 github.com/greensock/GSAP

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 39 #yazılım #programlama #açıkkaynak

İnternette gördüğün o etkileyici grafiklerin arkasında büyük ihtimalle bu kütüphane var.

D3.js (d3/d3):

→ Web'in en güçlü veri görselleştirme kütüphanesi
→ SVG, Canvas ve HTML ile dinamik grafikler
→ Her tür görselleştirme
→ 10+ yıldır endüstri standardı
→ Tamamen açık kaynak ve ücretsiz

⭐ 112K+ GitHub Star

🔗 github.com/d3/d3

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 38 #yazılım #programlama #açıkkaynak

Suno'ya açık kaynak alternatif HeartMuLa 🎵 ⚠️ Güçlü bir GPU gerektirir (min. 24GB VRAM) 

Açık kaynak yapay zeka müzik üretici (HeartMuLa/heartlib):

→ Şarkı sözü + tarz yaz, müzik üretsin
→ Suno seviyesinde kalite (7B model)
→ Kendi bilgisayarında çalışır

⭐ 768 GitHub Star

🔗 http://github.com/HeartMuLa/heartlib

#yazılım #programlama #açıkkaynak #yapayzeka

Harika Github Repoları Part 37 #yazılım #programlama #açıkkaynak

Google AI Studio'da geliştirdiğiniz harika projeleri yerel bilgisayarınızdan çıkarıp tüm dünyayla paylaşmaya hazır mısınız? Bu videoda, Vercel ve Netlify platformlarını kullanarak yapay zeka projelerinizi nasıl ücretsiz bir şekilde yayınlayabileceğinizi adım adım gösteriyorum.

Özellikle karşılaşılan "Gemini API Key" hatalarının çözümünden, GitHub entegrasyonuna ve sürükle-bırak yöntemiyle hızlı kuruluma kadar ihtiyacınız olan tüm teknik detayları bu rehberde bulabilirsiniz. Kendi dil öğrenme platformumuz üzerinden pratik bir uygulama yaparak süreci netleştiriyoruz.

📌 Bu Videoda Neler Öğreneceksiniz?

- Google AI Studio projelerini dışa aktarma (Download Code).
- GitHub Desktop ile projeleri repository'e taşıma.
- Vercel üzerinde otomatik deployment kurulumu.
- Gemini API Key alma ve Environment Variables (Çevresel Değişkenler) ayarları.
- Netlify ile GitHub kullanmadan manuel deployment yapımı.
- Özel alan adı (Custom Domain) ekleme püf noktaları.

💬 Sorularınız olursa: Yorumlarda sormaktan çekinmeyin veya Telegram grubumuza katılarak bizden destek alın!

🔗 Bağlantılar:

- Telegram Grubumuz: https://t.me/selahattinunlu
- Vercel: https://vercel.com
- Netlify: https://netlify.com
- GitHub Desktop: https://github.com/apps/desktop

⏳ Timestamps
00:00 - Giriş ve Video Özeti
00:43 - Örnek Proje Tanıtımı: Dil Öğrenme Uygulaması
01:15 - Vercel Hesabı Oluşturma ve Planlar
02:08 - Projeyi AI Studio'dan İndirme ve Hazırlama
03:10 - GitHub Desktop ile Repository Oluşturma
04:30 - Vercel ile GitHub Projesini Canlıya Alma
05:15 - ÖNEMLİ: Gemini API Key Hatası Neden Olur?
06:12 - Ücretsiz Gemini API Key Nasıl Alınır?
07:50 - Vercel'de API Key (Environment Variables) Tanımlama
09:12 - Vercel Custom Domain Ayarları
10:00 - Netlify ile Manuel Deployment (Sürükle-Bırak)
11:04 - Netlify Üzerinde Environment Variables Ayarı
12:35 - Kapanış ve Destek Hatırlatması

Google AI Studio Projelerini Vercel & Netlify'da Ücretsiz Yayınla! (Adım Adım)

Sunumlarını hâlâ PowerPoint'te mi hazırlıyorsun? Geliştiriciler için çok daha iyi bir yol var 🧑‍💻

Slidev (slidevjs/slidev):

→ Markdown yaz, sunum hazır
→ Kod bloklarına syntax highlighting + canlı kodlama
→ Mermaid diyagram ve LaTeX formül desteği
→ Topluluk temaları ile anında profesyonel görünüm
→ Vite altyapısı, anlık yenileme

🔗 github.com/slidevjs/slidev

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 36 #yazılım #programlama #açıkkaynak

AI kodlama asistanın eski verilerle mi çalışıyor? Context7 bunu çözüyor 🔥

Context7 (upstash/context7):

→ Güncel dokümantasyonu direkt LLM bağlamına enjekte eder
→ Cursor, Windsurf, VS Code, Claude Code destekli
→ Prompt'a "use context7" yazmak yeterli
→ Açık kaynak ve ücretsiz

⭐ 43K+ GitHub Star

🔗 github.com/upstash/context7

💬 AI ile kod yazarken en çok hangi kütüphanede sorun yaşıyorsun?

#programlama #yazılım #açıkkaynak

Harika Github Repoları Part 35 #yazılım #programlama #açıkkaynak

Uygulamana metin editörü mü lazım? Sıfırdan yazma, Quill kullan

Quill (slab/quill):

→ Birkaç satır kodla WYSIWYG editör
→ Modüler yapı, tamamen özelleştirilebilir
→ JSON tabanlı giriş/çıkış (Delta formatı)
→ Snow ve Bubble dahili tema desteği
→ Tüm tarayıcılarda tutarlı çalışıyor

⭐ 47K+ GitHub Star

🔗 github.com/slab/quill

💬 Projelerinde hangi editörü kullanıyorsun?

#yazılım #açıkkaynak #programlama

Harika Github Repoları Part 34 #yazılım #programlama #açıkkaynak

Tarayıcıda oyun, animasyon, interaktif içerik yapmak istiyorsan bu kütüphaneyi hayatını değiştirecek👇

PixiJS (pixijs/pixijs):

→ Web'in en hızlı 2D render motoru
→ WebGL ve WebGPU desteği
→ React, Spine, Sound, UI eklentileri
→ Oyun, animasyon, interaktif deneyim

⭐ 46.2K GitHub Star

🔗 github.com/pixijs/pixijs

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 33 #yazılım #programlama #açıkkaynak

Müşterinin kendi sayfasını oluşturmasını istiyorsun ama sıfırdan sayfa editörü yazmak istemiyorsun.
Puck (puckeditor/puck):
→ React projene sürükle-bırak sayfa editörü
→ Kendi bileşenlerinle çalışıyor
→ AI ile otomatik sayfa üretimi
→ Next.js, Remix, React Router desteği
→ Vendor lock-in yok, verin sizde
🔗 https://github.com/puckeditor/puck
#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 32 #yazılım #programlama #açıkkaynak

Açık kaynak bir CRM

Twenty (twentyhq/twenty):

→ Açık kaynak Salesforce alternatifi
→ Kanban, tablo, filtre görünümleri
→ Özel objeler ve alanlar oluşturma
→ Workflow otomasyonu
→ E-posta ve takvim entegrasyonu
→ Self-hosted (verin sizde kalır)

⭐ 39K+ GitHub Star

https://github.com/twentyhq/twenty

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 31 #yazılım #programlama #açıkkaynak

"Harika GitHub Repoları" serisi için hazırladığım bu videoda, GitHub'ın ne olduğunu, bir kütüphaneyi projemize nasıl dahil edip kullanabileceğimizi anlatıyorum.

Telegram: https://t.me/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu
Twitter: https://x.com/selahattinunlu

--

NodeJS indirme linki: https://nodejs.org/en/download

--

00:00 - Giriş, Git ve GitHub nedir, ne işe yarar?
01:47 - DaisyUI örneğiyle bir kütüphaneyi projemize dahil etmek
02:49 - NPM nedir, nasıl yüklenir?
03:19 - Node.js indirme, npm’in bilgisayara kurulması
04:05 - Next.js projesi oluşturma (‎`create-next-app`)
05:02 - DaisyUI’ı Next.js projesine ekliyoruz
06:43 - DaisyUI componentlerini kullanıyoruz
07:10 - 3D kart komponentini projeye ekleme ve ortalama
08:59 - 2. Örnek: Motion kütüphanesini projeye dahil etme
12:29 - Github repolarını (kütüphaneleri) AI ile projemize nasıl dahil ederiz?
15:07 - Kapanış, özet, Telegram grubu ve soru/yorum daveti

GitHub Nedir? Repoları Nasıl Kullanırım? | Sıfırdan Rehber

Next.js projende admin panelini ayrıca yazıyorsan bu repo hayatını değiştirecek.

Payload (payloadcms/payload):

→ Next.js app klasörüne direkt kurulum
→ Hazır admin paneli ve authentication
→ REST API + GraphQL otomatik
→ Vercel ve Cloudflare'e tek tıkla deploy
→ MIT lisansı, tamamen ücretsiz

npx create-payload-app

🔗 https://github.com/payloadcms/payload

#programlama #yazılım #açıkkaynak

Harika Github Repoları Part 30 #yazılım #programlama #açıkkaynak

Web sitene animasyon eklemek için saatlerini harcamana gerek yok 🔥

Animate.css (animate-css/animate.css):

→ 80+ hazır CSS animasyonu
→ Tek satır class ile kullanım
→ CDN veya npm ile kurulum
→ Tüm tarayıcılarda çalışır
→ Fade, bounce, slide, zoom, flip ve daha fazlası

⭐ 82.5K GitHub Star

🔗 github.com/animate-css/animate.css

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 29 #yazılım #programlama #açıkkaynak

3D modelleme için saatler harcamana gerek yok artık.

SAM 3D Objects (facebookresearch/sam-3d-objects):

→ Fotoğraftan otomatik 3D model üretimi
→ Shape, texture ve pozisyon çıkarımı
→ Gerçek dünya karmaşıklığını anlıyor
→ Robotik ve oyun geliştirme için ideal
→ Meta Superintelligence Labs'dan açık kaynak

🔗 github.com/facebookresearch/sam-3d-objects

💬 Bu teknolojiyi hangi projende kullanırdın?

#yazılım #programlama #açıkkaynak #yapayzeka

Harika Github Repoları Part 28 #yazılım #programlama #açıkkaynak #yapayzeka

Kendi whiteboard uygulamanı yapmak istersen sıfırdan başlamana gerek yok 🎨

tldraw (tldraw/tldraw):

→ React için sonsuz kanvas SDK
→ Whiteboard, diagram, sketch uygulamaları
→ Real-time multiplayer collaboration
→ Yüksek performanslı web canvas
→ Tek komutla kurulum

⭐ 45K GitHub Star

🔗 github.com/tldraw/tldraw

💬 Projelerinde whiteboard özelliği kullanıyor musun?

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 27 #yazılım #programlama #açıkkaynak

Sıfırdan, sadece vibe coding yaparak Reels ve TikTok videoları üreten bir SaaS web uygulaması geliştiriyoruz. Nextjs, Supabase ve Tailwindcss kullanarak yaptığımız bu projede yapay zeka modeli olarak Opus 4.5 kullanıyoruz.

Bu bölümde projeyi Remotion tabanlı animasyonlu video altyapısına geçiriyoruz. Remotion ile fade in/out, zoom, pan, titreşim, blur, focus gibi gelişmiş animasyonları kullanarak videoları çok daha dinamik hale getiriyoruz. Ayrıca Claude Code ile planlama, task’leri paralelde çalıştırma ve yeni video oluşturma flow’unu tasarlıyoruz.

🔥 Bu videoda neler var?
Remotion’a geçiş ve nedenleri
Client-side vs server-side video render kararı
Claude Code Plan Mode ile Remotion entegrasyon planlama
Task’leri sub agent’larla paralelde çalıştırma
Caption & görsel efektlerin Remotion’a taşınması
Yeni video oluşturma akışının (wizard/stepper) tasarlanması
Sahne bazlı düzenleme, drag & drop ve stil seçimi
Motivasyon videosu oluşturma demo (Türkçe)

Timestamps
00:00 – Giriş, hedef: animasyonlu yapıya geçiş ve Remotion tanıtımı
00:54 – Claude Code ile Remotion entegrasyon planı için soruların cevaplanması
01:53 – Remotion için ilk planın tamamlanması ve yeni task tabanlı akışın açıklaması
2:55 – Claude Code'da task oluşturma ve subagentlar ile paralelde birden fazla task çalıştırma
3:13 – 14 task’in oluşturulması, blocked task yapısı ve bağımlılıkların anlatılması
3:58 – Sub agent’ları tetikleyip bağımsız task’leri paralelde tamamlama
4:43 – Taskların tamamlanması, görsel efektlerin eklenmesi ve caption sisteminin Remotion’a taşınması
4:52 – Yeni motivasyon videosu oluşturma ve ilk animasyonlu preview
5:07 – Bold caption bozulması ve efekt değiştirme sorunlarının tespiti
5:22 – Yeni video oluşturma flow’u için detaylı prompt’un hazırlanması
6:00 – Adım adım: transcript/prompt seçimi, sahne düzenleme ve stil seçimi akışının tasarımı
6:52 – AI’ın sahneleri bölmesi, stil preset + serbest metin kararları, ses seçimi (Gemini T)
7:43 – Wizard UI için stepper tasarımı, drag & drop ve geri dönüş (previous step) kararları
8:11 – Görsel stil presetleri, ses önizleme sorusu ve Gemini TTS kısıtlarının konuşulması
8:51 – Yeni planın oluşturulması ve task’lerin tekrar üretilmesi
9:03 – Sub agent’ları kullanarak bağımsız task’leri paralelde başlatma
9:13 – Türkçe motivasyon videosu oluşturma, sahne düzenleme ekranının gösterilmesi
9:28 – Transcript, narration ve görsel prompt’ların sahne bazlı düzenlenmesi
9:45 – Stil seçimi: görsel stil, caption stili ve ses seçimi
10:08 – Türkçe motivasyon metninin okunması ve final videonun önizlemesi
10:52 – Giriş/çıkış animasyonları, gelinen noktanın değerlendirilmesi
10:55 – Platformun geldiği seviyenin özeti ve sonraki adım olarak abonelik sistemi fikri
11:06 – Kapanış, kanala abone olma ve Telegram kanalına katılım çağrısı

Proje dosyaları: https://t.me/selahattinunlu
Instagram:   https://instagram.com/selahattin.unlu
Twitter/X: https://x.com/selahattinunlu

#claudecode #nextjs #supabase #saas #webgeliştirme #yazılım #yapayezeka #ai #tiktok #reels #vibecoding #tailwindcss #typescript #react #frontend #backend #fullstack #türkçeyazılım #kodlama #programlama #opus45 #anthropic #aitools #shorts #videoeditör #captioneditor #yazılımgeliştirme #webuygulaması #startup

TikTok ve Reels Videoları Üreten SaaS Yapıyoruz Part 4 |  Nextjs Supabase Claude Code

Her yeni componenti test etmek için uygulamanın tamamını çalıştırmaktan bıktıysan, bu araç hayatını değiştirecek.

Storybook (storybookjs/storybook):

→ Component'leri izole geliştir ve test et
→ Otomatik UI dokümantasyonu
→ Visual testing ve snapshot desteği
→ React, Vue, Angular, Svelte uyumlu
→ Accessibility testleri dahil

🔗 github.com/storybookjs/storybook

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 26 #yazılım #programlama #açıkkaynak

ElevenLabs'a para verme, Chatterbox kullan

Chatterbox (resemble-ai/chatterbox):

→ 10 saniyelik örnekle ses klonlama
→ Türkçe dahil 23 dil desteği
→ [laugh] [cough] gibi doğal ses efektleri
→ MIT lisans, tamamen ücretsiz
→ Voice agent ve video projeleri için ideal

⭐ 21.9K GitHub Star

🔗 github.com/resemble-ai/chatterbox

#yazılım #programlama #açıkkaynak #yapayzeka

Harika Github Repoları Part 25 #yazılım #programlama #açıkkaynak #yapayzeka

Yapay zeka öğrenmek istiyorsun ama nereden başlayacağını bilmiyorsun 🤖

Generative AI for Beginners (microsoft/generative-ai-for-beginners):

→ 21 ders, sıfırdan ileri seviyeye
→ LLM temelleri, prompt engineering, RAG
→ AI agents ve fine-tuning dersleri
→ Python & TypeScript kod örnekleri
→ 50+ dile çevrilmiş (Türkçe var!)

⭐ 105K+ GitHub Star

🔗 github.com/microsoft/generative-ai-for-beginners

💬 Hangi konuyu öğrenmek istiyorsun?

#yazılım #programlama #açıkkaynak #yapayzeka

Harika Github Repoları Part 24 #yazılım   #programlama #yapayzeka #açıkkaynak

Web’de bir şeyi otomatikleştirmek istediğinde tarayıcının önüne oturup tek tek tıklamak zorunda değilsin.
Puppeteer (puppeteer/puppeteer):
→ Tarayıcıyı kodla kontrol et
→ Screenshot ve PDF oluştur
→ Web scraping yap
→ Form doldurma otomasyonu
→ Headless veya görünür modda çalıştır

🔗 github.com/puppeteer/puppeteer
💬 Hangi web işini otomatikleştirmek isterdin?

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 23 #yazılım #programlama  #açıkkaynak

Website builder'lar ya pahalı ya kısıtlı. Ya ikisi de olmasaydı? 🛠️

Webstudio (webstudio-is/webstudio):

→ Class yerine Token sistemi
→ Herhangi bir API'den veri çekme
→ Cloudflare altyapısıyla hız
→ Tek tıkla yayınla veya self-host
→ Dinamik sayfalar ve sitemap

⭐ 8K GitHub Star

🔗 github.com/webstudio-is/webstudio

💬 Açık kaynak araçlara güveniyor musun?

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 22 #yazılım #programlama #açıkkaynak

Her projede sıfırdan button, modal, dropdown yazmaktan bıktıysan bu repo tam sana göre.
shadcn/ui (shadcn-ui/ui):

→ Kütüphane değil, kodu kopyala-yapıştır yap
→ İstediğin gibi özelleştir, sahiplen
→ Dashboard, form, tablo hazır blokları
→ Tema sistemi ile kolay dark mode
→ Radix UI + Tailwind altyapısı

⭐ 99.8K GitHub Star
🔗 http://github.com/shadcn-ui/ui

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 21 #yazılım  #açıkkaynak #programlama

Her projede aynı butonları, kartları, modalları sıfırdan yazmaktan sıkıldıysan bu repo tam sana göre.

daisyUI (saadeghi/daisyui):

→ 65 hazır component
→ 35+ tema, tek satırla dark mode
→ Saf CSS, JS bağımlılığı yok
→ Tüm framework'lerle çalışır
→ %88 daha az class name

⭐ 39.5K GitHub Star

🔗 github.com/saadeghi/daisyui

💬 Yoruma "ui" yaz, linki DM'den göndereyim.

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 20 #yazılım #programlama #açıkkaynak

ChatGPT'ye ne yazacağını bilemiyor musun? Bu repo tam sana göre.

awesome-chatgpt-prompts (f/awesome-chatgpt-prompts):

→ Yüzlerce hazır "Act as..." promptu
→ Yazılım, eğitim, sanat, pazarlama kategorileri
→ ChatGPT, Claude, Gemini uyumlu
→ prompts.chat ile kolay arama
→ Tamamen ücretsiz ve açık kaynak

⭐ 143K+ GitHub Star

🔗 github.com/f/awesome-chatgpt-prompts

💬 En çok hangi prompt'u kullanıyorsun?

#yazılım #programlama #açıkkaynak #yapayzeka #chatgpt

Harika Github Repoları Part 19 #yazılım  #programlama #açıkkaynak #yapayzeka

Dashboard tasarlamakla uğraşma, kopyala yapıştır 📊
Tremor (tremorlabs/tremor):
→ 35+ hazır React component
→ Grafikler, tablolar, filtreler tek pakette
→ Tailwind CSS & Radix UI altyapısı
→ Copy-paste veya npm install
→ Vercel tarafından satın alındı
⭐ 3.1K GitHub Star
🔗 [github.com/tremorlabs/tremor](http://github.com/tremorlabs/tremor)
💬 Dashboard için hangi kütüphaneyi kullanıyorsun?
#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 18 #yazılım  #programlama #açıkkaynak

Ya Türkçe konuşur gibi kod yazabilseydin?

Kip (kip-dili/kip):

→ Türkçe dilbilgisi = tip sistemi
→ Hâl ekleriyle argüman belirleme
→ Doğal dil benzeri sözdizimi
→ Belirsizliği tip kontrolüyle çözme
→ Tarayıcıda çalışan playground

🔗 github.com/kip-dili/kip

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 17 #yazılım  #programlama #açıkkaynak

Bir teknolojiyi gerçekten anlamanın tek yolu var: Onu sıfırdan yapmak 🛠️

Build Your Own X (codecrafters-io/build-your-own-x):

→ Git, Docker, Redis sıfırdan yap
→ Kendi veritabanını, web server'ını yaz
→ Her konu için farklı dillerde rehberler
→ Mülakat hazırlığı için mükemmel
→ Portföy projesi fikirleri dolu

⭐ 458K+ GitHub Star

🔗 github.com/codecrafters-io/build-your-own-x

💬 Hangisini sıfırdan yapmak isterdin?

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 16 #yazılım  #programlama #açıkkaynak

Sıfırdan, sadece vibe coding yaparak Reels ve TikTok videoları üreten bir SaaS web uygulaması geliştiriyoruz. Nextjs, Supabase ve Tailwindcss kullanarak yaptığımız bu projede yapay zeka modeli olarak Opus 4.5 modelini kullanıyoruz.
Bu bölümde caption stilleri özelliğini ekliyoruz! Artık kullanıcılar Bolt, Minimal ve Neon gibi farklı caption tarzları arasında seçim yapabilecek. Ayrıca caption pozisyonunu da değiştirebilecekler.


🔥 Bu videoda neler var?
- Claude Code Plan Mode kullanımı
- Caption stilleri ekleme (Bolt, Minimal, Neon)
- Caption pozisyonu seçimi
- Video oluştuktan sonra caption değiştirme
- Çoklu dil desteği (Türkçe, İngilizce, Almanca, İspanyolca)

---

Timestamps
00:00 – Giriş ve önceki bölümlerin özeti
00:11 – Caption stilleri özelliğinin tanıtımı
00:45 – Telegram grubu ve kaynak kodlara erişim
01:28 – Claude Code'a prompt yazma
02:29 – Claude Code Plan Mode ile planlama
03:15 – Proje detay sayfasına geçiş
03:33 – Caption stilleri görüntüleme (Bolt, Minimal, Neon)
04:03 – Video oluştuktan sonra caption değiştirme özelliği
05:42 – Claude değişiklikleri uyguluyor
06:03 – Motivasyon videosu oluşturma demo
07:00 – Caption seçim akışı planlaması
08:32 – Detaylı plan hazırlanması
09:00 – Video oluşturma testi (Almanca seçimi)
10:33 – Caption tarzı ve pozisyon değişikliği
10:47 – Neon stili ile video önizleme
11:07 – Özet ve kapanış

---

Proje dosyaları: https://t.me/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu  
Twitter/X https://x.com/selahattinunlu

---

#claudecode #nextjs #supabase #saas #webgeliştirme #yazılım #yapayezeka #ai #tiktok #reels #vibecoding #tailwindcss #typescript #react #frontend #backend #fullstack #türkçeyazılım #kodlama #programlama #opus45 #anthropic #aitools #shorts #videoeditör #captioneditor #yazılımgeliştirme #webuygulaması #startup

TikTok ve Reels Videoları Üreten SaaS Yapıyoruz Part 3 | Nextjs Supabase Claude Code

🔗 github.com/usememos/memos
💬 Not almak için ne kullanıyorsun?

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 15 #yazılım #programlama  #açıkkaynak

React projende animasyonları sıfırdan yazmaktan sıkıldıysan bu repo tam sana göre.

React Bits (DavidHDev/react-bits):
→ 110+ animasyonlu React komponenti → Text, background, 3D, hover efektleri → Tailwind & Vanilla CSS seçeneği → JS ve TypeScript desteği → Framer Motion, GSAP, react-spring uyumlu → Copy-paste veya CLI kurulum
⭐ 34K+ GitHub Star
🔗 [github.com/DavidHDev/react-bits](http://github.com/DavidHDev/react-bits)
💬 React projelerinde hangi animasyon kütüphanesini kullanıyorsun?

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 14 #yazılım  #programlama #açıkkaynak

kurtaracak 🔍

Public APIs (marcelscruz/public-apis):

→ 1400+ ücretsiz public API tek bir yerde
→ 50+ kategori: hava durumu, finans, yapay zeka, kripto, harita...
→ Her API için Auth, CORS, HTTPS bilgisi
→ Filtreleme ve hızlı arama
→ Topluluk tarafından sürekli güncelleniyor

⭐ 7.7K+ GitHub Star

🔗 github.com/marcelscruz/public-apis
🌐 publicapis.dev

Harika Github Repoları Part 13 #yazılım  #programlama #açıkkaynak

React yazarak gerçek video üret 🎬

Remotion (remotion-dev/remotion):

→ React componentleri ile MP4 video oluştur
→ CSS, Canvas, SVG, WebGL desteği
→ Değişkenler ve API'lerle dinamik içerik
→ Lambda ile serverless rendering
→ Player componenti ile uygulamana video editör göm
→ 35+ hazır şablon

⭐ 25K+ GitHub Star

🔗 github.com/remotion-dev/remotion

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 12 #yazılım #programlama #açıkkaynak

Harika Github Repoları Part 11 #yazılım #programlama #açıkkaynak

Twitter sana neyi göstereceğini nasıl biliyor? İşte cevabı 🧠

X Recommendation Algorithm (twitter/the-algorithm):

→ For You timeline'ın arkasındaki tam kaynak kodu
→ Günde 500M tweet'i süzüp sana en alakalısını seçiyor
→ Real Graph: Etkileşim olasılığını tahmin eden model
→ SimClusters: Topluluk tespiti ve kullanıcı gruplandırma
→ Heavy Ranker: Neural network tabanlı içerik sıralama

⚡ Günde 5 milyar kez çalışıyor, 1.5 saniyede tamamlanıyor

⭐ 69K+ GitHub Star

🔗 github.com/twitter/the-algorithm

#yazılım #programlama #açıkkaynak

Harika Github Repoları Part 10 #yazılım    #programlama  #açıkkaynak

Claude Code'u ayarlayarak vakit kaybetme, hazır template'lerle başla 🚀

Claude Code Templates (davila7/claude-code-templates):
→ 100+ hazır AI agent, komut ve ayar
→ Tek komutla kurulum
→ Plugin marketplace desteği

⭐ 15.6K GitHub Star

🔗 github.com/davila7/claude-code-templates

💬 Claude Code kullanıyor musun?

#yazılım #programlama #açıkkaynak #yapayzeka

Harika Github Repoları Part 9 #yazılım #programlama #açıkkaynak #yapayzeka

Jira'ya para vermeyi bırak, Plane kullan ✈️

Open source proje yönetim aracı (makeplane/plane):

→ Work Items + Sub-tasks ile görev yönetimi
→ Cycles (Sprint) + burn-down charts
→ Kanban, Gantt, Liste görünümleri
→ AI destekli Pages (doküman + görev)
→ Self-hosted veya Cloud seçeneği
→ Docker ile tek komutla kurulum

⭐ 43K+ GitHub Star

🔗 github.com/makeplane/plane

💬 Hangi proje yönetim aracını kullanıyorsun?

Harika Github Repoları Part 8 #yazılım #programlama #açıkkaynak

Claude Code'a para verme, OpenCode kullan 💸

Açık kaynak AI kodlama ajanı (anomalyco/opencode):

→ %100 open source, MIT lisanslı
→ Claude, OpenAI, Google, local model desteği
→ Terminalde çalışan TUI arayüzü
→ Dahili LSP desteği
→ Client/server mimarisi (telefondan kontrol)
→ Desktop app mevcut (beta)

⭐ 60K+ GitHub Star

🔗 github.com/anomalyco/opencode

💬 Claude Code'dan geçer misin?

#yazılım #programlama #açıkkaynak

Programming Tutorials