Vercel Nedir? Ücretsiz Front-End barındırma servisi! | vercel.com
Makale boyunca ilerleyeceğimiz projenin son haline buradan erişebilirsiniz.
Vercel Nedir?
Vercel; öncesinde Zeit olarak bilinen, Next.js’in mimarı olan bir markadır.
Zeit ve Vercel hakkında bilgi edinmek istiyorsanız;
vercel.com Front-End web uygulamalarınızı ücretsiz olarak barındırmanızı sağlayan bir platformdur.
Peki neden tercih ediyorum?
Uyku modu gibi bir sorununuz yok. Ziyaret ettiğiniz her an siteniz ulaşılabilir durumda.
Alan adınızı projenize ücretsiz olarak bağlayabiliyorsunuz. Herhangi bir proje limiti de yok.
Desteklenen web uygulamalarında gönül rahatlığıyla Vercel kullanabilirsiniz.
Vercel hangi web uygulamalarını destekliyor?
2020 ikinci çeyrek itibariyle yaklaşık 27 web uygulamasını destekliyor. Birkaç popüler uygulamayı sizin için listeliyor tam listenin linkini buraya bırakıyorum. (giriş yapmanız gerekebilir.)
- React
- Angular
- Vue.js
- Next.js
- Gatsby
- Jekyll
Nasıl uygulama yayınlarım?
Web sitesi üzerinden uygulama yayınlamak oldukça basit. Vercel.com’a kayıt olun. Kayıt sırasında Github, GitLab, Bitbucket hesabınızı kullanabilirsiniz. Biz Github ile kayıt olacağız. Kayıt sırasında Github — Vercel bağlantısının yapılıp, gerekli tüm izinlerin verildiğinden emin olun.
Github’a yüklü projenizi, başkasının Github projesini veya herhangi bir temel web uygulamasını yayınlayabilirsiniz.
Giriş yaptıktan sonra import project’e tıklayın. Ardından Github reposundan mı yoksa hazır bir şablondan mı projenizi oluşturacağınızı seçmeniz gerekiyor.
Eğer hali hazırda Github üzerinde bulunan bir Front-End projeniz var ise Continue ile Github’dan bağlantı yapabilirsiniz.
Size işleyişi göstermek amacıyla hazır bir şablon ile yolumuza devam edeceğiz.
Şablonlar arasından Create React App şablonunu içe aktar diyerek yolumuza devam edelim.
Vercel üzerinde barındırılacak uygulamamız için bir isim verelim ve devam edelim.
Github üzerinde barındırılacak kaynak kodları deposu için bir isim belirleyelim ve deploy edelim. Deponuzun gizli kalmasını istiyorsanız Private repository tikleyebilirsiniz.
Uygulamamız oluşturuluyor. Bu işlem yaklaşık bir dakika sürmekte.
Uygulamamızı Vercel üzerinde deploy etmeyi başardık. Uygulamamıza erişebileceğimiz adresler yan tarafta belirmekte.
Özelleştirmeleri Github deponuz üzerinden yapabilirsiniz.
Değişiklikler görünmüyor?
Şablonlar üzerinden oluşturulan projelerde Github üzerinde yaptığınız değişikliklerde deploy sorunu yaşıyorsanız;
İlk sefere mahsus, değişikliği yaptıktan sonra Projeniz -> Ayarlar -> Git Integration -> Deploy Hooks yolu üzerinden bir hook oluşturun ve oluşturulan adrese gidin.
Deploy işlemi başlayacaktır. Projeniz -> Deployments menüsünden takip edebilirsiniz. Bundan sonra yapılan Github değişikliklerinde deploy otomatik olarak başlayacaktır. Bu sorun yalnızca hazır şablonlar için geçerli.
Projenizi hali hazırda bulunan Github deposu üzerinden oluşturuyorsanız böyle bir sıkıntıyla karşılaşmayacaksınızdır.