DEV Community: Hakan Yücel

Kesintilere Karşı Hazırlıklı Olun: Uptime Kuma ile Web İzleme Sistemi Kurma

Hakan Yücel — Mon, 12 May 2025 05:43:21 +0000

Günümüzde internet üzerindeki servislerin sürekli olarak aktif olmasını sağlamak, hem kişisel projeler hem de büyük ölçekli uygulamalar için kritik önem taşıyor. Uptime, herhangi bir servisin ya da web sitesinin durumunu izlemek ve hata durumlarında hızlıca müdahale etmek için kullanılan bir terimdir. Ancak bu süreç için genellikle pahalı üçüncü taraf araçlarına ihtiyaç duyulurdu. Neyse ki, Uptime Kuma gibi açık kaynaklı araçlar sayesinde, bu tür monitoring işlemleri çok daha erişilebilir ve kişiselleştirilebilir hale geldi.

Bu makalede, Uptime Kuma'nın ne olduğunu, nasıl kurulduğunu ve neden kullanmanız gerektiğini tüm yönleriyle inceleyeceğiz. Bu makale, hem yeni başlayanlar hem de daha deneyimli kullanıcılar için, uygulamaları ve servisleri izleme sisteminizi kurmanıza rehberlik edecek.

Uptime Kuma Nedir?

Uptime Kuma, açık kaynaklı ve tamamen ücretsiz bir monitoring aracıdır. Bu araç, web sitelerinin, sunucuların veya uygulamaların çalışabilirliğini izler ve herhangi bir kesinti durumunda size bildirim gönderir. Özellikle, kullanımının kolay olması ve özelleştirilebilir yapısı ile tercih edilmektedir.

Uptime Kuma, temel olarak:

Web siteleri ve API'lerin durumunu izler,
Ping, HTTP(s), TCP ve ICMP protokollerini kullanarak izleme yapar,
Kullanıcı dostu bir arayüz sunar ve tamamen Docker üzerinden çalışabilir.

Bunlar, Uptime Kuma'yı, özellikle küçük ve orta ölçekli projeler için oldukça uygun hale getiriyor.

Neden Uptime Kuma Kullanmalısınız?

Herhangi bir web sitesi veya API, zaman zaman kesintiler yaşayabilir. Bu kesintiler, kullanıcı deneyimini olumsuz etkileyebilir ve işletmeler için ciddi maddi kayıplara yol açabilir. Uptime Kuma’yı kullanarak, bu tür kesintileri erken tespit edebilir ve hızlıca çözüm üretebilirsiniz.

İşte Uptime Kuma kullanmanın bazı önemli avantajları:

1. Ücretsiz ve Açık Kaynak

Uptime Kuma tamamen ücretsizdir. Ayrıca açık kaynaklı bir proje olduğu için, ihtiyacınıza göre özelleştirebilir veya katkı sağlayabilirsiniz.

2. Hızlı ve Güvenilir İzleme

Uptime Kuma, web sitelerinin ve sunucuların durumlarını hızlı bir şekilde izler. Herhangi bir sorun tespit edildiğinde, hemen size bildirim gönderir.

3. Kullanıcı Dostu Arayüz

Uptime Kuma’nın kullanıcı arayüzü oldukça sade ve anlaşılırdır. Hem yeni başlayanlar hem de deneyimli kullanıcılar için kolayca kullanılabilir. Ayrıca, servisin tüm durumlarını bir bakışta görmek için şık grafikler sunar.

4. Çeşitli İzleme Seçenekleri

Uptime Kuma, sadece HTTP/HTTPS değil, TCP, ICMP ve hatta WebSocket gibi farklı izleme seçeneklerine sahiptir. Bu sayede daha geniş bir yelpazede izleme yapabilir ve farklı türdeki servislerin durumlarını kontrol edebilirsiniz.

5. Bildirim Sistemleri

Servislerde bir kesinti yaşandığında, sistem sizi hemen bilgilendirir. Uptime Kuma, çeşitli bildirim kanallarını destekler. E-posta, Telegram, Slack gibi popüler platformlara kolayca entegre edilebilir.

6. Docker Desteği

Uptime Kuma, Docker üzerinden çalışacak şekilde tasarlanmış bir araçtır. Bu, uygulamanızı çok hızlı ve kolay bir şekilde dağıtmanıza olanak tanır. Docker'ı kullanarak kurulum, hem daha hızlı hem de daha güvenli bir şekilde yapılabilir.

Docker Kurulumu

Eğer Docker sisteminizde yüklü değilse, aşağıdaki komutla Docker'ı kurabilirsiniz:

Ubuntu:

sudo apt update
sudo apt install docker.io

MacOS:

Mac için Docker, Docker Desktop üzerinden indirilebilir.

Docker Compose Kurulumu

Uptime Kuma’yı Docker Compose ile kolayca başlatabilirsiniz. Eğer Docker Compose sisteminizde yüklü değilse, şu komutla yükleyebilirsiniz:

Ubuntu:

sudo curl -L "https://github.com/docker/compose/releases/download/1.29.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
sudo chmod +x /usr/local/bin/docker-compose

MacOS:

Docker Desktop ile Docker Compose otomatik olarak gelir, ek bir kurulum yapmanıza gerek yok.

Uptime Kuma’yı Kurma

Docker ve Docker Compose yüklendikten sonra, Uptime Kuma’yı kurmaya hazırsınız. Şimdi aşağıdaki adımları takip edin.

Bir klasör oluşturun ve içine girin:

mkdir uptime-kuma
cd uptime-kuma

Docker Compose dosyasını indirin:

curl -sSL https://github.com/louislam/uptime-kuma/raw/master/docker/docker-compose.yml -o docker-compose.yml

Docker Compose’u çalıştırarak Uptime Kuma’yı başlatın:

docker-compose up -d

Bu komut, gerekli tüm servisleri çalıştıracak ve Uptime Kuma’yı başlatacaktır.

Uptime Kuma Arayüzüne Erişim

Kurulum tamamlandığında, Uptime Kuma’ya web tarayıcınız üzerinden erişebilirsiniz. Varsayılan olarak, aşağıdaki URL ile giriş yapabilirsiniz:

http://localhost:3001

İlk kez giriş yaptıktan sonra, şifre belirlemeniz istenecektir. Şifreyi belirledikten sonra, arayüzü kullanmaya başlayabilirsiniz.

Uptime Kuma ile İzleme Yapma

Uptime Kuma, çok sayıda izleme seçeneği sunar. Web sitenizi veya API’nizi izlemeye başlamak için şu adımları izleyin:

Yeni İzleme Ekleme: Sağ üst köşede bulunan "Add New Monitor" butonuna tıklayın.
İzleme Türünü Seçme: HTTP, TCP, ICMP gibi izleme türlerini seçebilirsiniz.
Sunucu Adresi ve Ayarları: İzlemek istediğiniz servisin URL’sini veya IP adresini girin.
Bildirim Ayarları: Bildirim almak için e-posta, Telegram veya Slack gibi bir servis seçin.

Bu kadar! Artık web sitenizin veya API’nizin durumu hakkında anlık bilgiler alabilirsiniz.

Sonuç

Uptime Kuma, açık kaynaklı ve kullanımı kolay bir monitoring aracıdır. Küçük ve orta ölçekli projeler için mükemmel bir seçenek olup, zaman ve kaynak tasarrufu sağlar. Ücretsiz olmasının yanı sıra, Docker üzerinden kolayca kurulabilir ve özelleştirilebilir. Web sitelerinizin kesintisiz çalışmasını sağlamak, kullanıcı deneyimini artırmak ve olası kesintilerden anında haberdar olmak için Uptime Kuma’yı denemek kesinlikle faydalı olacaktır.

Neden “Vibe Coding”?

Hakan Yücel — Fri, 09 May 2025 15:17:08 +0000

Vibe Coding: Kod Yazmanın Yeni Boyutu

Son yıllarda yazılım geliştirme süreçlerinde bir değişim dalgası yükseliyor: “Vibe Coding”. Temel fikir şu: Her satırı kodu elle yazmak yerine, doğru “vibes” (yönlendirmeler) vererek AI destekli araçlardan yardım alıyoruz. Böylece tekrarlayan işler otomatikleşiyor, biz de strateji, mimari ve kullanıcı deneyimine odaklanabiliyoruz.

1. Vibe Coding Nedir?

Vibe Coding, doğal dilde verdiğiniz talimatlarla (prompts) AI ajanların kodun önemli parçalarını sizin yerinize üretmesini sağlayan bir yaklaşım. Örneğin

“Responsive bir navigasyon menüsü oluştur”

“Form validasyonunu JavaScript ile ekle”
gibi cümlelerle, arka planda çalışan model ilgili kodu otomatik olarak yazıyor.

Öne çıkan özellikleri:

Yüksek seviye komutlarla çalışma: “Ne yapmak istediğinizi” anlatırsınız, satır satır kodu AI üstlenir.
AI ile interaktif döngü: Kod üretildikçe anında önizleyebilir, revize edebilir veya ek yönlendirmeler verebilirsiniz.
Hızlı prototipleme: Fikirleriniz kısa sürede çalışan bir versiyona dönüşür.

2. Popüler Vibe Coding Araçları ve IDE’ler

Araç / IDE	Avantajları	Notlar
Cursor AI	Kod editörü + sohbet paneli bir arada. CLI entegrasyonu mevcut.	JavaScript, Python projeleri için güçlü.
Windsurf	AI ajanları odaklı, görsel iş akışlarıyla hızlı pivot imkânı sunar.	Startup’lar arasında popüler.
GitHub Copilot	VSCode, JetBrains eklentisiyle komut destekli AI önerileri.	Mevcut projeye hızlı entegre edilebilir.
AWS Kiro	AWS altyapısına doğrudan bağlanan, kod üretim ve test otomasyonu özellikleri.	Bulut tabanlı projelerde avantajlı.
Anthropic Claude (Xcode)	macOS üzerinde Xcode’a entegre, Swift/Objective-C projelerde doğal dil kodlama.	Apple ekosistemine odaklı.

3. Teknik Detaylar ve Örnekler

3.1 Prompt Tasarımı

Vibe Coding’in başarısı iyi hazırlanmış prompt’a bağlı. Basit birkaç öneri:

Net ve spesifik olun:

   // Kötü örnek
   “Butonu yeşilden maviye dönüştür.”

   // İyi örnek
   “Primary buton rengini #0057ff’e güncelle ve hover durumunda #0041cc yap.”

Adım adım ilerleyin:

Büyük bir modülü tek bir prompt ile tarif etmeye çalışmak yerine, küçük ve odaklı adımlarla ilerlemek hem daha anlaşılır kodlar üretir hem de AI’nin isabetini artırır. Örneğin:
- “Önce HTML yapısını oluştur.”
- “Şimdi CSS stillerini ekle.”
- “Form gönderildiğinde veriyi ekrana yazdır.” Bu sayede süreç daha kontrol edilebilir hale gelir.
Bağlamsal bilgi verin:

Prompt’unuzda projede kullanılan teknolojileri, framework versiyonlarını ve hedef davranışları net şekilde belirtmek oldukça önemlidir.

Örnek:

“Proje React 18 ile yazıldı. Tailwind CSS kullanılıyor. Dark mode desteklemeli bir kart bileşeni oluştur.”

3.2 Örnek “Vibe” Akışı

Bir React projesinde basit bir TodoList bileşeni oluşturmak için şu adımları takip edebiliriz:

Prompt 1:

“Yeni bir React bileşeni TodoList.js oluştur. İçinde bir input, ‘Ekle’ butonu ve todos state’i olsun.”
- AI yanıtı: useState ile todos dizisi tanımlanır, input alanı ve buton yerleştirilir.
Prompt 2:

“Kullanıcı ‘Ekle’ butonuna tıkladığında input değerini todos’a ekle, ardından input’u temizle.”
- AI yanıtı: handleAdd fonksiyonu ile todos dizisine yeni öğe eklenir.
Prompt 3:

“Her maddeyi listele ve yanında bir ‘Sil’ butonu göster. Bu buton tıklanınca ilgili öğeyi sil.”
- AI yanıtı: .map() ile render edilen listeye handleDelete fonksiyonu eklenir.
Prompt 4:

“Başlık yazısını text-blue-600 hover:text-blue-400 Tailwind sınıfları ile stillendir.”
- AI yanıtı:
```
 <h1 className="text-blue-600 hover:text-blue-400">Todo List</h1>
```

Bu adımlar sayesinde, sadece ne yapmak istediğinizi tanımlayarak çalışan bir modül elde edebilirsiniz. İşin büyük kısmını AI hallederken siz de yönlendirici rolünüzü koruyarak ilerleyebilirsiniz.