Express API, Prisma ve Supabase Projenizi Vercel’e Dağıtma
Merhaba! Ben Fatih Soysal ve bugün sizlere mevcut bir Express.js API, Prisma ORM ve Supabase veritabanı kullanan projenizi Vercel’e nasıl dağıtacağınızı adım adım anlatacağım. Bu rehber, sürecin her aşamasını kapsayacak ve olası sorunlar için çözüm önerileri sunacaktır. Vercel’in hızlı ve kolay dağıtım süreciyle projenizi anında hayata geçirebilirsiniz. Başlayalım!
Ön Hazırlıklar
Öncelikle, projenizin Vercel’e uyumlu olduğundan emin olmalısınız. Bunun için, package.json dosyanızda gerekli bağımlılıkların eksik olmadığından ve start komutunun doğru şekilde tanımlandığından emin olun. Ayrıca, Supabase projenizin URL’sini ve API anahtarlarınızı hazır bulundurun. Bu bilgiler, daha sonra Vercel’e giriş yaparken gerekecektir.
Vercel Hesabı Oluşturma ve Proje İthalatı
İlk adım olarak, bir Vercel hesabı oluşturmanız gerekiyor. Hesabınızı oluşturduktan sonra, Vercel panosundan “Yeni Proje” seçeneğini seçin. Ardından, GitHub, GitLab veya Bitbucket gibi bir sürüm kontrol sistemini kullanarak projenizi Vercel’e bağlayabilirsiniz. Alternatif olarak, projenizin dosyalarını doğrudan Vercel’e yükleyebilirsiniz. Bu işlem, projenizin yapılandırmasına bağlı olarak birkaç dakika sürebilir.
Vercel Yapılandırması
Vercel, projenizi otomatik olarak algılayıp yapılandırmaya çalışır. Ancak, bazı durumlarda manuel ayarlara ihtiyaç duyabilirsiniz. Özellikle, Supabase ve Prisma gibi dış bağımlılıklar için ortam değişkenlerini doğru bir şekilde tanımlamanız oldukça önemlidir. Bunun için, Vercel panosunda projenizin ayarlarına gidin ve “Ortam Değişkenleri” bölümünü kullanın. SUPABASE_URL, SUPABASE_ANON_KEY, ve diğer gerekli değişkenleri burada tanımlayın. Ayrıca, Prisma’nın veritabanı bağlantı bilgilerini de buradan ayarlayabilirsiniz. Bu bilgiler, güvenlik açısından .env dosyası yerine ortam değişkenleri aracılığıyla sağlanmalıdır.
package.json dosyasının ince ayarları
Vercel’in projenizi doğru bir şekilde çalıştırabilmesi için package.json dosyanızda bazı düzenlemeler yapabilirsiniz. Özellikle, start komutunun projenizi başlatmak için gereken komutu doğru şekilde yansıttığından emin olun. Örneğin, "start": "node dist/index.js" gibi bir komut kullanabilirsiniz. Eğer projeniz bir derleme aşaması gerektiriyorsa, bu aşamayı da package.json dosyasına eklemelisiniz.
Kod Örneği: package.json
{
"name": "my-api",
"version": "1.0.0",
"scripts": {
"dev": "nodemon src/index.js",
"build": "tsc",
"start": "node dist/index.js"
},
"dependencies": {
"express": "^4.18.2",
"@prisma/client": "^4.9.0",
"prisma": "^4.9.0",
"dotenv": "^16.0.3"
},
"devDependencies": {
"@types/express": "^4.17.17",
"@types/node": "^20.2.5",
"nodemon": "^3.0.1",
"typescript": "^5.0.2"
}
}
Dağıtım ve Test
Tüm ayarları tamamladıktan sonra, projenizi Vercel’e dağıtabilirsiniz. Vercel, dağıtım işlemini otomatik olarak gerçekleştirecektir. Dağıtım tamamlandıktan sonra, projenizin URL’sini test edebilirsiniz. Herhangi bir sorunla karşılaşırsanız, Vercel’in detaylı hata mesajlarını inceleyin. Bu mesajlar, sorunun kaynağını anlamanıza yardımcı olacaktır. Ayrıca, Vercel’in dokümanlarını inceleyerek daha fazla bilgi edinebilirsiniz.
Sonuç
Bu rehber ile mevcut Express API, Prisma ve Supabase projenizi Vercel’e başarıyla dağıtmış olmalısınız. Umarım bu makale faydalı olmuştur. Daha fazla bilgi için fatihsoysal.com sitesini ziyaret edebilirsiniz. Ayrıca, Vercel dökümanlarına ve Prisma dokümanlarına göz atmanızı öneririm. Sorularınız veya önerileriniz için lütfen bana ulaşmaktan çekinmeyin!
#Etiketler: Vercel, Express.js, Prisma, Supabase, Dağıtım, Deployment, API, Backend, Node.js, Ortam Değişkenleri, package.json, Vercel Yapılandırması