Ben Aketa Rashiro. Portföy sitemi "sirome.net" tamamen yeniledim!
Sevimli bir site yaptım—herkes beni övsün! 🎈
Wix'ten mezun oldum, Claude Code ile inşa ettim ve GitHub ile Vercel üzerinden yayınladım. Bu seferki en önemli özellik Notion ile entegrasyon.
Notion'da bir iş günlüğü yazıp "Yayınla"ya bastığımda, Notion sayfasının doğrudan sitede görünmesi için bir ortam oluşturdum. Yaşasın! 🎉
Yuppi!
Neden Yeniden İnşa Ettim
Geçen yılın sonunda, tez yazarken Notion bana çok yardımcı oldu! Notion'ın ne kadar kullanışlı olduğunu fark ettim ve çalışmalarımın bir arşivini oluşturmaya başladım.
Daha önce iş kayıtlarını Wix sitemde yayınlıyordum ama Wix CMS'de (yönetim ekranı) makale düzenleme konusunda pek iyi değildim.
Ayrıca, günlük iş notlarım için Notion kullanmaya başladım ve farkına varmadan Notion'da bir iş veritabanı oluştu.
Ta-da! 🎉
"Keşke bunu doğrudan bir web sitesine dönüştürebilsem...!"
Dönüştürebilirsin.
Notion o kadar kullanışlı ki, doğal olarak makaleleri web sitesi olarak yayınlama özelliğine sahip.
Kullanışlı.
Ama Görünümü Değiştiremezsin.
Tasarım şablonları sınırlı olduğu için görünümü neredeyse hiç değiştiremezsin (Mayıs 2026 itibarıyla).
Bu durumda, kendim inşa etmem gerekiyor.
İşte tam bu noktada yardımcım olarak Claude Code ortaya çıktı.
Claude Code böyle bir şey.
Çok tatlı.
Claude Code İnanılmaz
Claude Code'u ilk kez kullanıyordum.
Daha önce ChatGPT ile Melo-bot'u yaparken,
Kodu kopyalayıp yapıştırmak, hataları kontrol etmek, tekrar yapıştırmak...
Bu iş açıkçası oldukça sıkıcıydı.
Claude Code, dosyalara kaydedilen kodu doğrudan terminalden yeniden yazar.
- "Biraz daha sevimli yap"
- "Üzerine gelindiğinde yumuşakça genişlemesini istiyorum"
Böyle gündelik yorumlar yaparsam, kodu uygun şekilde yeniden yazar ve hemen orada uygulayıp bana gösterir. "Gerçekten inanılmaz."
Ancak, Claude Code'u çok fazla çalıştırırsanız, bir "token limitine" takılırsınız ve tekrar kullanmak için yarım gün veya tam bir gün beklemeniz gerekir (Claude Pro planındayım), bu yüzden küçük soruları veya prototipleri normal Claude veya ChatGPT'ye de atarak ilerledim.
Puf
Notion'u CMS'im Yaptım
Yeni sirome.net'in özü, Notion ile tam entegrasyondur (💡).
Artık bir site yönetim ekranına bile ihtiyacım yok.
Her gün Notion'da bir günlük yaz.
↓
Durumu "Yayınlandı" olarak değiştir.
↓
Sitede otomatik olarak yansıtılır.
Üstelik yayınladıktan sonra bile, Notion'da makaleyi düzenlersem, site tarafı otomatik olarak güncellenir.
Bu çılgınca değil mi?
Empati kurmanızı istiyorum.
Gerçekten.
Tabii ki, makale sayfalarını da site tasarımına uyacak şekilde tasarladım.
Uzanıyor
Tatlı.
Teknik olarak, Notion API → Next.js → Vercel yapılandırması ve durum alanındaki değişikliklerle tetiklenen Artımlı Statik Yeniden Oluşturma (ISR) ile çalışıyor gibi görünüyor.
Gerçi pek anlamıyorum.
🎀 Cazibe Noktaları 🎀
Çalışmalar Sayfası
Çalışmalar sayfasındaki Öne Çıkan slayt gösterisi ve küçük resim özellikleri için,
Özellikleri uygularken karar verdim.
Bunun gibi şeyler (makaleden otomatik olarak görsel alma, yatay imleç hareketiyle ölçeklendirme).
"Böyle görünse iyi hissettirirdi" gibi şeyleri anında test ederek inşa edebilmek, Claude Code kullanmanın en iyi yanı.
Bir tasarımcı olarak, bir mühendisle çalışıyor olsaydım,
"Bu kadar çok düzeltme istersem, benden kesinlikle nefret ederler" diye düşünüp yarı yolda vazgeçerdim.
Yapay zeka, yaratıcı meslekler için birçok yönden gerçekten devrim niteliğinde bir araç.
Melo-bot
Başlıktaki elektronik bülten tahtasından Melo'nun her seferinde bir karakter konuştuğu Melo-bot.
Bu, daha önce ChatGPT ile yaptığım bir programın bir kısmını yeniden kullanıyor.
Uyuyan Melo-bot'u sirome.net'e çağırabildiğim için mutluydum.
Ayrıca, Bay Tsukunajiro ve Bay Hor ile 2019'dan beri gizlice oluşturduğum piksel sanatı Shiro ve Melo dünyası yeniden canlandı.
Mutluyum, var olduğunuz için teşekkürler.
Tsukunajiro tarafından piksel sanatı.
Ehehe.
Tatlı.
Gelecekte, yavaş yavaş daha fazla oyun benzeri öğe eklemeyi planlıyorum.
Notion entegrasyonu nedeniyle yükleme süreleri bazen uzun olabiliyor,
Bu yüzden zaman geçirmek için kullanın.
Her Saniye Dönen Favicon
Favicon, tarayıcı sekmelerinde görünen küçük simgedir.
Bir GIF animasyonu kaydedemedim, bu yüzden bir saniye arayla 10 PNG görseli gösteriyorum.
Tatlı.
Akıllı telefonlarda, menü düğmesi olarak yerleştirdim.
Dokunduğunuzda geriye bakıyor.
Lütfen telefonda da oynamayı deneyin.
sirome.net
Toplam İki Haftada Üretildi.
Yani, Wix'ten mezun olduğum için mutluyum. Sonuçta pahalı.
Gece geç saatlerde ve sabah erken saatlerde azar azar yaptım ve farkına varmadan yayındaydı.
Yapay zeka... Hala şüpheci duygularım var, ama dünyanın tamamen değiştiğini ilk elden deneyimledim.
Henüz yasal sorunlar nedeniyle illüstrasyon üretimi için yapay zekayı kullanmak istemiyorum, ama
Tasarım ve yaratımda yapay zeka ile iyi geçinip ilginç şeyler yapmayı umuyorum.
İş danışmaları için lütfen benimle iletişime geçmekten çekinmeyin.
Ayrıca, bundan sonra iş referanslarına ve arşiv makalelerine önem vermek istiyorum,
Her birini özenle yayınlayacağım.
Şu anda sirome.net'teki makaleleri de geriye dönük olarak güncelleyeceğim.
Her biri kalbimi koyduğum bir iş parçası.
Herkes sayesinde, şimdiye kadar birçok resim çizebildim,
Ve bu şekilde hayatta kaldığım için minnettarım.
Hala yapım aşamasında,
Ama lütfen Shiro, Melo ve Aketa Rashiro'yu desteklemeye devam edin!
Siteye göz atın! Yanıtlar veya DM'ler yoluyla izlenimlerinizi bekliyorum ✨
Teknoloji Yığını Notları
- Claude / Claude Code
- Next.js
- Notion API
- GitHub
- Vercel
- Sharp
Bu arada, bu makaleyi de Notion'da yazdım.
İlginç bulduysanız, lütfen paylaşın!
Aketa Rashiro
