Vercel & Supabase Ortam De\u011fi\u015fkenlerini GitHub Actions ile D\u00fczeltme<\/p>\n
Vercel ve Supabase uygulamalar\u0131n\u0131z\u0131n GitHub Actions ile otomatik da\u011f\u0131t\u0131m\u0131n\u0131 m\u0131 sa\u011fl\u0131yorsunuz? Ortam de\u011fi\u015fkenlerini do\u011fru \u015fekilde y\u00f6netmek, g\u00fcvenlik a\u00e7\u0131klar\u0131ndan ka\u00e7\u0131nmak ve sorunsuz bir entegrasyon i\u00e7in kritik \u00f6nem ta\u015f\u0131maktad\u0131r. Bu makalede, Vercel ve Supabase ortam de\u011fi\u015fkenlerini GitHub Actions i\u00e7erisinde nas\u0131l g\u00fcvenli ve etkili bir \u015fekilde y\u00f6netece\u011finizi, s\u0131k kar\u015f\u0131la\u015f\u0131lan hatalar\u0131 ve \u00e7\u00f6z\u00fcm yollar\u0131n\u0131 detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z. Vercel ve Supabase entegrasyonunuzu optimize ederek, geli\u015ftirme s\u00fcrecinizi h\u0131zland\u0131raca\u011f\u0131z.<\/p>\n
Vercel ve Supabase, uygulamalar\u0131n\u0131z\u0131n \u00e7al\u0131\u015fmas\u0131 i\u00e7in gereken hassas bilgileri (API anahtarlar\u0131, veritaban\u0131 ba\u011flant\u0131 dizileri gibi) g\u00fcvenli bir \u015fekilde saklaman\u0131z\u0131 sa\u011flayan ortam de\u011fi\u015fkenlerini kullan\u0131r. Bu de\u011fi\u015fkenler, kodunuzda do\u011frudan g\u00f6r\u00fcnmezler ve uygulaman\u0131z\u0131n \u00e7al\u0131\u015ft\u0131\u011f\u0131 ortamda (geli\u015ftirme, test, \u00fcretim) dinamik olarak y\u00fcklenirler. Ortam de\u011fi\u015fkenlerini do\u011fru y\u00f6netmek, uygulaman\u0131z\u0131n g\u00fcvenli\u011fini ve gizlili\u011fini koruman\u0131n temel ta\u015flar\u0131ndan biridir. \u00d6rne\u011fin, Supabase’de URL ve anahtar\u0131 do\u011frudan kodda saklamak ciddi g\u00fcvenlik riskleri ta\u015f\u0131r. Bu y\u00fczden ortam de\u011fi\u015fkenlerini kullanmak \u00f6nemlidir. Vercel ise bu de\u011fi\u015fkenleri, uygulaman\u0131z\u0131n her da\u011f\u0131t\u0131m\u0131nda do\u011fru \u015fekilde yap\u0131land\u0131rman\u0131za olanak tan\u0131r.<\/p>\n
Ba\u015fka bir deyi\u015fle, ortam de\u011fi\u015fkenleri, uygulaman\u0131z\u0131n \u00e7al\u0131\u015fmas\u0131 i\u00e7in gereken konfig\u00fcrasyon bilgilerini kodunuzdan ay\u0131r\u0131r. Bu sayede kodunuzu farkl\u0131 ortamlara kolayca uyarlayabilir, g\u00fcvenlik a\u00e7\u0131klar\u0131n\u0131 minimize edebilir ve daha temiz bir kod yap\u0131s\u0131 olu\u015fturabilirsiniz. \u00d6nemli bir husus, ortam de\u011fi\u015fkenlerini do\u011frudan kodunuza g\u00f6mmek yerine, g\u00fcvenli bir \u015fekilde y\u00f6netmek ve uygulaman\u0131za sa\u011flamak i\u00e7in sistem taraf\u0131ndan belirtilen mekanizmalar\u0131 kullanman\u0131zd\u0131r. Bu mekanizmalar, genellikle platformlar\u0131n sundu\u011fu aray\u00fczler veya GitHub Actions gibi ara\u00e7lar arac\u0131l\u0131\u011f\u0131yla sunulmaktad\u0131r. Yanl\u0131\u015f y\u00f6netim, b\u00fcy\u00fck g\u00fcvenlik a\u00e7\u0131klar\u0131na yol a\u00e7abilir.<\/p>\n
Bu makalede, hem Vercel hem de Supabase’in ortam de\u011fi\u015fkenlerini nas\u0131l g\u00fcvenli ve etkili bir \u015fekilde GitHub Actions ile entegre edece\u011finizi ad\u0131m ad\u0131m inceleyece\u011fiz. Bu konudaki \u00e7e\u015fitli yakla\u015f\u0131mlar\u0131 kar\u015f\u0131la\u015ft\u0131raca\u011f\u0131z ve en iyi uygulamalar\u0131 payla\u015faca\u011f\u0131z.<\/p>\n
GitHub Actions, kodunuzdaki de\u011fi\u015fikliklere ba\u011fl\u0131 olarak otomatik i\u015f ak\u0131\u015flar\u0131 olu\u015fturman\u0131za olanak tan\u0131r. Vercel ve Supabase uygulamalar\u0131n\u0131z\u0131n da\u011f\u0131t\u0131m\u0131n\u0131 otomatikle\u015ftirmek i\u00e7in ideal bir ara\u00e7t\u0131r. Ancak, ortam de\u011fi\u015fkenlerini do\u011fru \u015fekilde y\u00f6netmek, yeni ba\u015flayanlar i\u00e7in zorlay\u0131c\u0131 olabilir. \u0130lk ad\u0131m, GitHub deponuzda bir <\/code><\/p>\n Bu \u00f6rnekte, Yeni ba\u015flayan seviyesinde, basit bir da\u011f\u0131t\u0131m \u00f6rne\u011fi g\u00f6sterdik. Orta seviyede, i\u015fleri daha karma\u015f\u0131k hale getirebiliriz. \u00d6rne\u011fin, farkl\u0131 ortamlar i\u00e7in (geli\u015ftirme, test, \u00fcretim) farkl\u0131 ortam de\u011fi\u015fkenleri kullanman\u0131z gerekebilir. Bu durumda, GitHub Actions'\u0131n ko\u015fullu mant\u0131\u011f\u0131n\u0131 kullanarak, farkl\u0131 ortamlar i\u00e7in farkl\u0131 komutlar \u00e7al\u0131\u015ft\u0131rabilirsiniz. A\u015fa\u011f\u0131daki \u00f6rnek, farkl\u0131 dallara ba\u011fl\u0131 olarak farkl\u0131 Vercel projelerine da\u011f\u0131t\u0131m yapmay\u0131 g\u00f6sterir:<\/p>\n <\/code><\/p>\n Bu \u00f6rnekte, G\u00fcvenlik, herhangi bir uygulaman\u0131n hayati bir unsurudur. Ortam de\u011fi\u015fkenlerini y\u00f6netme konusunda, g\u00fcvenli\u011fi \u00f6nceliklendirmek \u00e7ok \u00f6nemlidir. GitHub Secrets, ortam de\u011fi\u015fkenlerinizi saklamak i\u00e7in en g\u00fcvenli y\u00f6ntemdir. Ancak, yine de baz\u0131 g\u00fcvenlik \u00f6nlemlerine dikkat etmeniz gerekir:<\/p>\n Dikkat:<\/b> Ortam de\u011fi\u015fkenlerinizi do\u011frudan kodunuza eklemeyin. Bu, g\u00fcvenlik a\u00e7\u0131klar\u0131na yol a\u00e7ar. Her zaman GitHub Secrets veya benzeri g\u00fcvenli mekanizmalar\u0131 kullan\u0131n.<\/p>\n Bir e-ticaret uygulamas\u0131 da\u011f\u0131t\u0131m\u0131 senaryosu ele alal\u0131m. Bu uygulama, Vercel'de bar\u0131nd\u0131r\u0131lan bir frontend ve Supabase'de bar\u0131nd\u0131r\u0131lan bir backend'den olu\u015fuyor. GitHub Actions kullanarak, hem frontend hem de backend'in farkl\u0131 ortamlara (geli\u015ftirme, test, \u00fcretim) da\u011f\u0131t\u0131m\u0131n\u0131 otomatikle\u015ftirebiliriz. Bu durumda, her ortam i\u00e7in farkl\u0131 Supabase projeleri ve Vercel projeleri kullanabilir, ayr\u0131ca farkl\u0131 API anahtarlar\u0131 ve veritaban\u0131 ba\u011flant\u0131 dizileri tan\u0131mlayabiliriz. GitHub Secrets'i kullanarak bu hassas bilgileri g\u00fcvenli bir \u015fekilde saklayabilir ve i\u015f ak\u0131\u015flar\u0131m\u0131zda kullanabiliriz. \u0130\u015f ak\u0131\u015f\u0131, kod de\u011fi\u015fikliklerini tespit eder, testleri \u00e7al\u0131\u015ft\u0131r\u0131r ve ard\u0131ndan uygun ortam de\u011fi\u015fkenlerini kullanarak Vercel ve Supabase'e da\u011f\u0131t\u0131m yapar.<\/p>\n | Yakla\u015f\u0131m | Performans | G\u00fcvenlik | Karma\u015f\u0131kl\u0131k | Yukar\u0131daki tablo, farkl\u0131 ortam de\u011fi\u015fkeni y\u00f6netim yakla\u015f\u0131mlar\u0131n\u0131n performans, g\u00fcvenlik ve karma\u015f\u0131kl\u0131k a\u00e7\u0131s\u0131ndan kar\u015f\u0131la\u015ft\u0131rmas\u0131n\u0131 g\u00f6stermektedir. Do\u011frudan kodda saklama en h\u0131zl\u0131 ancak en g\u00fcvensiz y\u00f6ntemdir. GitHub Secrets, iyi bir g\u00fcvenlik ve performans dengesi sunar. \u00d6zel \u00e7\u00f6z\u00fcmler, en g\u00fcvenli ancak en karma\u015f\u0131k ve en yava\u015f y\u00f6ntemdir.<\/p>\n.github\/workflows<\/code> klas\u00f6r\u00fc olu\u015fturarak, main.yml<\/code> gibi bir dosya eklemektir. Bu dosya, GitHub Actions i\u015f ak\u0131\u015f\u0131n\u0131z\u0131 tan\u0131mlayacakt\u0131r. \u00d6rnek bir workflow a\u015fa\u011f\u0131daki gibi olabilir:<\/p>\nname: Deploy to Vercel\n\non:\n push:\n branches:\n - main\n\njobs:\n deploy:\n runs-on: ubuntu-latest\n steps:\n - name: Checkout code\n uses: actions\/checkout@v3\n\n - name: Deploy to Vercel\n uses: vercel\/actions\/deploy@v1\n with:\n token: ${{ secrets.VERCEL_TOKEN }}\n project: ${{ secrets.VERCEL_PROJECT_ID }}<\/pre>\nsecrets.VERCEL_TOKEN<\/code> ve secrets.VERCEL_PROJECT_ID<\/code>, GitHub Secrets'te sakl\u0131 olan Vercel token'\u0131n\u0131z\u0131 ve proje ID'nizi temsil eder. GitHub Secrets, hassas bilgilerinizi g\u00fcvenli bir \u015fekilde saklaman\u0131za olanak tan\u0131yan bir hizmettir. Bu kod par\u00e7as\u0131, main<\/code> dal\u0131na yap\u0131lan her itmeden sonra Vercel'e da\u011f\u0131t\u0131m yapacakt\u0131r. Supabase entegrasyonu i\u00e7in ise, Supabase API anahtar\u0131n\u0131z\u0131 da benzer \u015fekilde secrets<\/code> alt\u0131nda saklaman\u0131z ve workflow'unuza eklemeniz gerekecektir. Unutmay\u0131n, bu anahtarlar\u0131 do\u011frudan kodunuza eklemeyin!<\/p>\nOrtam De\u011fi\u015fkenlerini Vercel ve Supabase'e Atama: Orta Seviye<\/h2>\n
name: Deploy to Vercel\n\non:\n push:\n branches:\n - main\n - staging\n\njobs:\n deploy:\n runs-on: ubuntu-latest\n steps:\n - name: Checkout code\n uses: actions\/checkout@v3\n\n - name: Set Vercel project\n if: github.ref == 'refs\/heads\/main'\n run: echo \"VERCEL_PROJECT_ID=main-project\" >> $GITHUB_ENV\n\n - name: Set Vercel project\n if: github.ref == 'refs\/heads\/staging'\n run: echo \"VERCEL_PROJECT_ID=staging-project\" >> $GITHUB_ENV\n\n\n - name: Deploy to Vercel\n uses: vercel\/actions\/deploy@v1\n with:\n token: ${{ secrets.VERCEL_TOKEN }}\n project: ${{ env.VERCEL_PROJECT_ID }}<\/pre>\nmain<\/code> dal\u0131na yap\u0131lan itmeler main-project<\/code>'e, staging<\/code> dal\u0131na yap\u0131lan itmeler ise staging-project<\/code>'e da\u011f\u0131t\u0131m yapacakt\u0131r. Benzer mant\u0131\u011f\u0131 Supabase i\u00e7in de uygulayabilirsiniz, farkl\u0131 ortamlar i\u00e7in farkl\u0131 URL'ler ve API anahtarlar\u0131 kullanabilirsiniz.<\/p>\nVercel ve Supabase G\u00fcvenlik \u0130pu\u00e7lar\u0131: \u0130leri Seviye<\/h2>\n
\n
Ger\u00e7ek D\u00fcnya Senaryosu: E-ticaret Uygulamas\u0131 Da\u011f\u0131t\u0131m\u0131<\/h2>\n
Performans Kar\u015f\u0131la\u015ft\u0131rmas\u0131: Farkl\u0131 Yakla\u015f\u0131mlar<\/h2>\n
\n|------------------------------|-----------------|-------------------|-----------------|
\n| Do\u011frudan kodda saklama | \u00c7ok h\u0131zl\u0131 | \u00c7ok d\u00fc\u015f\u00fck | \u00c7ok d\u00fc\u015f\u00fck |
\n| GitHub Secrets + Actions | Orta h\u0131z | Orta-Y\u00fcksek | Orta |
\n| \u00d6zel \u00e7\u00f6z\u00fcmler (Kendi sunucu) | Yava\u015f | Y\u00fcksek | \u00c7ok y\u00fcksek |<\/p>\nS\u0131k\u00e7a Sorulan Sorular (SSS)<\/h2>\n
\n
Cevap:<\/b> Hay\u0131r, GitHub Secrets'te saklanan ortam de\u011fi\u015fkenleri i\u015f ak\u0131\u015f\u0131 loglar\u0131nda g\u00f6r\u00fcnmez. G\u00fcvenlik i\u00e7in gizli tutulurlar.<\/li>\n
Cevap:<\/b> Farkl\u0131 dallar veya GitHub Actions'taki ko\u015fullu mant\u0131k kullanarak, farkl\u0131 Vercel projelerine da\u011f\u0131t\u0131m yapabilirsiniz.<\/li>\n
Cevap:<\/b> Supabase konsolunda veya API isteklerini izleyerek, do\u011fru ortam de\u011fi\u015fkenlerinin kullan\u0131ld\u0131\u011f\u0131n\u0131 do\u011frulayabilirsiniz.<\/li>\n
Cevap:<\/b> Otomasyon, g\u00fcvenlik, tekrarlanabilirlik ve izlenebilirlik sa\u011flayan, kullan\u0131m\u0131 kolay bir ara\u00e7t\u0131r.<\/li>\n
Cevap:<\/b> \u0130\u015f ak\u0131\u015f\u0131n\u0131z\u0131 tetikleyerek (\u00f6rne\u011fin, yeni bir commit yaparak), g\u00fcncellenmi\u015f ortam de\u011fi\u015fkenleriyle yeniden da\u011f\u0131t\u0131m yapabilirsiniz.<\/li>\n<\/ul>\nSonu\u00e7<\/h2>\n