Selahattin Ünlü

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

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

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

OpenAI doktorlara rakip oluyor. ChatGPT Health duyuruldu #teknoloji #yapayzeka

Proje dosyaları: https://t.me/selahattinunlu

Instagram: https://instagram.com/selahattin.unlu
Twitter/X https://x.com/selahattinunlu

TikTok ve Reels Videoları Üreten SaaS Yapıyoruz Part 2

Web animasyonlarında devrim yapan açık kaynak kütüphane 🚀
Motion (motiondivision/motion):
→ React, JavaScript ve Vue desteği
→ 120fps GPU-accelerated animasyonlar
→ Scroll, drag, layout, exit animasyonları
→ Spring fiziği ve gesture desteği
→ TypeScript, tree-shakable, küçük boyut

🔗 github.com/motiondivision/motion

#yazılım #programlama #acikkaynak #webyazılım

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

Claude Code'un seni hatırlamasını ister misin? 🧠

**Claude-Mem** (thedotmack/claude-mem):

→ Oturumlar arası kalıcı hafıza
→ AI ile otomatik context sıkıştırma
→ Progressive disclosure - token-efficient
→ Semantic + keyword hibrit arama

⭐ 11.3K+ GitHub Star

🔗 github.com/thedotmack/claude-mem

💬 AI hafıza problemi için: Claude-Mem mi, CLAUDE.md dosyası mı, yoksa başka bir yöntem mi? Sizin çözümünüz ne? 👇

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

Harika Github Repoları Part 4 #yazılım #programlama #yapayzeka #acikkaynak

Claude Code'u 10 kat verimli kullanmak ister misin? 🚀

Vibe Kanban (BloopAI/vibe-kanban):

→ AI coding agent'larını tek yerden yönet
→ Claude Code, Gemini CLI, Codex, Copilot desteği
→ Git worktree ile paralel task çalıştır
→ Dahili diff tool ile kod incele

npx vibe-kanban

⭐ 12.4K+ GitHub Star

🔗 github.com/BloopAI/vibe-kanban

💬 Sen Hangi AI coding agent'ı kullanıyorsun?

#acikkaynak #yazılım #programlama #yapayzeka

Harika github repoları part 3 #yazılım #programlama

AI dünyasında sessiz bir devrim oldu ve kimse konuşmuyor.

Meta + Manus = ?

Yorumlarda tahminini yaz 👇

#yapayzeka #teknolojihaberleri

AI dünyasında sessiz bir devrim oldu ve kimse konuşmuyor.Meta + Manus = ?  #teknolojihaberleri

Airtable'a para verme, NocoDB kullan 💸

Open source veritabanı arayüzü:

→ Spreadsheet arayüzü, veritabanı gücü
→ Grid, Kanban, Galeri, Form, Takvim görünümleri
→ MySQL, PostgreSQL, SQLite desteği
→ Otomatik REST API
→ Self-hosted (verin sizde kalır)
→ Rol bazlı erişim kontrolü
→ Webhook & otomasyon desteği

Tek satır kurulum:
docker run -d -p 8080:8080 nocodb/nocodb

⭐ 58K+ GitHub Star

🔗 github.com/nocodb/nocodb

💬 Airtable'dan geçer misin?

Harika Github Repoları Part 2 #yazılım #programlama #acikkaynak

Metin yaz, infografik hazır 🎨

AI destekli infografik motoru antvis/Infographic:

→ 200+ hazır şablon
→ Streaming render (gerçek zamanlı görüntüle)
→ SVG çıktı (sınırsız kalite)
→ Dahili editör
→ MIT lisans (ücretsiz, ticari kullanım serbest)

Sunumların, sosyal medya içeriklerin, raporların bir üst seviyeye çıksın.

🔗 github.com/antvis/Infographic

💬 İnfografik içerikler için hangi aracı kullanıyorsun?

#github #ai #infographic #design #yapayZeka #developer #tech #tasarım #sunum #presentation #infografik  #opensource

Harika Github Repoları Part 1

Stranger Things Temalı Typing Oyunu Yapıyoruz

Stranger Things temalı bir typing oyunu geliştiriyoruz. Oluşturduğum Sprite Sheetleri ne yazık ki istediğim gibi kullanamadım. O yüzden görseller tam istediğim gibi olmadı. Eğer bu konuda bilgisi olan arkadaşlar varsa Github Reposuna Pull Request gönderebilir. Oyun dosyaları arasında AI ile oluşturduğum sprite sheetlere de erişebilirsiniz.

Github Reposu İçin: https://t.me/selahattinunlu

Stranger Things Temalı Typing Oyunu Yapıyoruz   Claude Code Opus 4 5

Viral Faceless Videolar Üreten SaaS Yapıyoruz

Google AI Studio ile fikrimizin prototipini geliştirip daha sonra Nextjs ve Tailwindcss ile çalışır hale getirdik. Keyifli seyirler!

TikTok ve Reels Videoları Üreten SaaS Yapıyoruz

yazılım öğrenmeden websitesi hazırlamak çok kolay! #yazılım #yapayzeka

kodlama öğrenmenden işletmen için siteni hazırla

Merhabalar,
Eğer yazılım bilmiyorsan, kendi işletmen bir site kurmak istiyorsan, ya da kişisel websiteni oluşturmak istiyorsan bu video senin için.

v0 kullanarak yapay zeka ile bir kaç prompt ile bir websiteni nasıl oluşturabileceğini öğreneceksin.

Keyifli seyirler!

v0 ile yazılım öğrenmeden kendi websiteni yap

Opus 4.5 çok detaylı bir prompt vermeme rağmen sitemi harika bir arayüz ile yeniden tasarladı.

Tek prompt ile websitemi güncelledim - Opus 4.5

Opus 4.5 ile harika websiteleri tasarlayın 💯

Bu videoda bulabilecekleriniz:
- Yazılımcı olmak için İngilizce şart mı? 
- Ben nasıl İngilizce öğrendim? 
- İngilizce öğrenmek isteyenlere tavsiyeler

#yazılım #ingilizce

Yazılımcı olmak için İngilizce şart mı? İngilizce'yi nasıl öğrendim?

Videoda bahsettiğim yeni uygulamamı aşağıdan indirebilirsiniz:
https://apps.apple.com/us/app/ai-hairstyles/id6749238406

Destek olmak için 5 yıldız atarsanız mutlu edersiniz ✨
Ayrıca videoyu beğenip, kanala abone olmayı da unutmayın :)

Sevgiler.

uzaktan çalışanlara tavsiyeler, yeni iOS uygulamam, bundan sonrası

Yazılımcı olmak için üniversite şart mı? #yazılım #kariyer

Benim dikkatin dağılış hızı #odaklanma #dikkatdağınıklığı  #kedi #kediler

Yazılımcı olmak için okul okumak şart mı #yazılım #yazılımcı #bilgisayarmühendisliği #kariyer

korna çaldıkça evlilik daha sağlam oluyor sanıyorlar #korna #konvoy

Arkadaşlar merhaba... Bu videoda sizlere yazılıma başlama hikayemi anlattım. Umarım izlerken keyif alırsınız. Kanala abone olarak, videoyu beğenerek ve yorum yaparak bana destek olabilirsiniz. Şimdiden destekleriniz için teşekkür ederim.

#yazılım #yazılımcı #yazılımgeliştirme

Nasıl yazılım geliştirici oldum? Yazılımcı Olmak

Uzun bir aradan sonra tekrardan merhaba! Kanalıma geri döndüm ve bundan sonraki süreçte daha aktif olmaya çalışacağım. Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :) 

Kanal içerikleri ağırlıklı olarak yazılım, yapay zeka, girişimcilik, kariyer gibi konular hakkında olacak.
İçerik oluşturmamı istediğiniz konuları paylaşmayı unutmayın.

Şimdiden destekleyen herkese teşekkür ederim

Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
X: https://x.com/selahattinınlu

#yazılım #yazılımcı #yapayzeka #kariyer #girişimcilik

KANALIN ŞİFRESİNİ HATIRLADIM! Yapay Zeka Araçlarıyla Kodlama Macerası Başlıyor!

....
Vocabrain, yapay zeka destekli dil öğrenim asistanıdır.
Vocabrain'i kullanarak İngilizce kelime bilginizi geliştirebilir, gramer konularına çalışabilir ve hatta listening, speaking pratikleri yapabilirsiniz!

https://vocabrain.com

---

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)

Yapay zeka ile İngilizce Öğren - Vocabrain'de yapay zeka dile geldi!

Vocabrain projesinin duyurusunu yaptığım videoyu şu linki kullanarak izleyebilirsiniz.
https://www.youtube.com/watch?v=IeqwJUSPN3k

Vocabrain
https://www.vocabrain.com

Beni Twitter üzerinden takip edebilirsiniz.
https://twitter.com/sela_dev

#buildinpublic #vocabrain #ingilizce #ingilizceders #ingilizcekelimeezberleme #ingilizceöğreniyorum #ingilizceöğrenme

Vocabrain'de Arayüz Güncellemeleri ve Yeni Özellikler

....
Yapay zeka desteği ile İngilizce yeni kelimeler öğretmeyi hedeflediğimiz yeni projemiz Vocabrain'i sizlere tanıtmak istedim. 
https://www.vocabrain.com 

Tüm geliştirmeleri, süreçleri Twitter'da paylaşıyorum.
https://twitter.com/sela_dev hesabını takip edebilirsiniz.

Test kullanıcı olmak, feedback vermek için Discord kanalımıza katılabilirsiniz:
https://discord.gg/5DTjvfad7s

#buildinpublic #ingilizce #ingilizceöğreniyorum #ingilizcekelimeöğren #ingilizcekelimeler #ingilizcekelimeezberleme #ingilizceders

Yapay Zeka Destekli Vocabrain ile İngilizce Kelime Dağarcığınızı Geliştirin (Yeni Proje Duyurusu)

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)

Kaynak kodlar: https://github.com/selahattinunlu/twitter-clone-example/tree/episode-4

----
Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer Tüm Linkler için: https://heremylinks.com/selahattin
----

Next.js ve Supabase ile Twitter Clone (4. Bölüm)

....

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)
----

Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer Tüm Linkler için: https://heremylinks.com/selahattin

----

Yazılım için matematik gerekli mi? #shorts

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)

Kaynak kodlar: https://github.com/selahattinunlu/twitter-clone-example/tree/episode-3

----
Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer Tüm Linkler için: https://heremylinks.com/selahattin
----

Next.js ve Supabase ile Twitter Clone'u (Bölüm 3: Timeline)

Next.js, Supabase, Tailwind kullanarak Twitter Clone'u yapıyoruz. Gazamız mübarek olsun :D 

Kaynak kodlar: https://github.com/selahattinunlu/twitter-clone-example/tree/episode-2

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)
----

Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer Tüm Linkler için: https://heremylinks.com/selahattin

----

#nextjs #supebase #tailwind #twitter

Next.js ve Supabase ile Twitter Clone'u  (Bölüm 2: Kayıt ve Giriş İşlemleri)

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)

----
Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer Tüm Linkler için: https://heremylinks.com/selahattin
----

Yazdığım kod tek seferde çalışınca ben 😬  #shorts

Videoda yapılanların sonucunu web sitemde görebilirsiniz: https://selahattinunlu.com/programming-tutorials

....

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)
----

Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer Tüm Linkler için: https://heremylinks.com/selahattin

----

Youtube Data API Kullanarak Kanalımızdaki Videoları Sitemizde Nasıl Gösterebiliriz?

Yazılım geliştirici denince akla gelen şey gerçeği yansıtıyor mu gerçekten 😬

----

Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer tüm linkler için: https://heremylinks.com/selahattin

----

#yazılım #programlama #yazılımcı

Yazılım Geliştirici - İnsanların Düşündüğü vs Gerçeklik #shorts

Next.js, Supabase, Tailwind kullanarak Twitter Clone'u yapıyoruz. Gazamız mübarek olsun :D 

Kaynak kodlar: https://github.com/selahattinunlu/twitter-clone-example/tree/episode-1

----

Sosyal medya hesaplarım, kişisel websitem ve Github hesabım için:
https://heremylinks.com/selahattin

----

#nextjs #supebase #tailwind #twitter

00:00 Intro
02:20 Giriş sayfasının kodlanması
36:19 Kayıt olma formu için modal ekliyoruz
40:46 Kayıt olma formunu oluşturuyoruz 
01:08:00 Doğum tarihi alanını ekliyoruz
01:21:10 Custom select görünümü oluşturuyoruz
01:30:44 Doğum tarihi için gün seçeneklerinin seçilen yıl ve aya göre dinamik olması gerektiğini farkettim an ve çözümümüz :D 
01:42:00 Outro

Next.js ve, Supabase ile Twitter Clone'u  (Bölüm 1: Anasayfa)

Önceki videoyu izlemeyenler için:

Nextjs ve Ghost'u Kullanarak Ücretsiz Blog Sitesi Nasıl Yapılır?
https://www.youtube.com/watch?v=Mf-QA6as-rU

Blog uygulamasının kaynak kodları:
https://github.com/selahattinunlu/nextjs-ghost-blog-example

Vercel: https://vercel.com
----

Sosyal Medya Hesaplarım:
Twitter: https://twitter.com/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu

Yaptığım müzikleri dinlemek isterseniz:
http://bit.ly/volx-spotify

Github Profilim: https://github.com/selahattinunlu
Kişisel websitem: https://www.selahattinunlu.com

----

#vercel #nextjs #react #cloud #hosting

Programming Tutorials