Ücretsiz Bir Şekilde Full-Stack Proje Canlandırmak: Vercel & Supabase

Selamlar herkese, Her yazılımcının, özellikle de öğrencilerin ortak bir derdi vardır: Projeyi kafada kurarsın, kodları yazarsın, localhost'ta her şey tıkır tıkır çalışır... Ama iş "bunu insanlara nasıl sunacağım?" kısmına gelince bir duraksama yaşanır.Sunucu maliyetleri, veritabanı kurulumları derken insanın hevesi kursağında kalıyor. Ben de son projemde tam bu duvara toslamak üzereyken, Vercel ve Supabase ikilisiyle tanıştım ve açıkçası "neden daha önce yapmadım?" dedim. Neden Bu İkili? Olayın en güzel kısmı şu: İkisi de bireysel geliştiriciler ve hobi projeleri için inanılmaz cömert "Free Tier" (ücretsiz paket) sunuyor. Vercel (Frontend Tarafı): GitHub reponuzu bağladığınız an, sanki sihirli bir değnek değmiş gibi projenizi algılıyor. Next.js, React, Vue fark etmiyor. "Deploy" tuşuna basıyorsunuz ve size SSL sertifikası dahil, çalışan bir link veriyor. Size verdiği bu link vercel-app ile başlayan bir link olacak fakat siz de benim gibi domain satın alabilirsiniz. Supabase (Backend/DB Tarafı): Kendisi için "Açık kaynaklı Firebase alternatifi" diyorlar ama bence fazlası var. PostgreSQL veritabanı veriyor, Auth (giriş/çıkış) işlemleri hazır geliyor, üstüne bir de dosya depolama alanı sunuyor(Veritabanı için 500 MB, dosyaların için 1 GB yerin var).Ve bunların hepsi ücretsiz planda gayet yeterli limitlerle.

Aslında süreç o kadar basitti ki anlatacak çok teknik bir detay bile yok ama adım adım şöyle özetleyebilirim: Önce kodlarımı GitHub'a yükledim. Vercel hesabıma girip "Add New Project" dedim ve GitHub repomu seçtim. (Burada dikkat: Eğer .env dosyasında API keyleriniz varsa, Vercel'in ayarlarındaki "Environment Variables" kısmına bunları eklemeyi unutmayın, yoksa proje patlar.) Veritabanı için Supabase'de yeni bir proje açtım. Bana verdiği veritabanı URL'ini projemin bağlantı ayarlarına yapıştırdım.