[TR] React Projemizi Firebase ile Nasıl Deploy Edebiliriz ?

Öztürk Şirin
Bursa Bilişim Topluluğu
2 min readJun 3, 2024
https://media.licdn.com/dms/image/D4D12AQF33Uxmk5sYBA/article-cover_image-shrink_720_1280/0/1679642698696?e=1723075200&v=beta&t=3VWpD6lQCHeiqVxEO91UMulDNJzk0W38KDh4XGBBdfc

🚀 Firebase Proje Oluşturma

Açılan sayfada bir “Proje oluştur” düğmesi olacaktır. Bu butona tıkladığınızda sizi proje detaylarınızı gireceğiniz sayfaya götürecektir.

Source: Taken by Author

“Proje ekle” kartına tıklayın. Projenize bir isim vermenizi isteyen bir sayfa açılacaktır.

Source: Taken by Author

🚀 Firebase Kurulumu

  1. Menüden Hosting seçeneğini seçiyoruz.
Source: Taken by Author

2. Kurulum ekranından arzu ederseniz isteğinize göre özelleştirmeler yapabilirsiniz.

Source: Taken by Author

3. Terminalinizi veya komut isteminizi açın.

4. Aşağıdaki komutu çalıştırarak Firebase CLI’yi global olarak yükleyin:

npm install -g firebase-tools

3. Ardından Firebase için Gmail ile giriş yapın:

firebase login

4.Daha önceden giriş yapıp yapmadığınızı kontrol edebilirsiniz:

firebase login:list

🚀 Firebase’i Başlatın ve Hosting’i Yapılandırın

firebase init

Gelen seçeneklerden size uygun olanını seçerek devam edebilirsiniz. Ben optionally seçeneği ile devam ediyorum. Bu işlemi yaparken projenizin GitHub’da bulunması gerekmektedir ve Firebase ile GitHub arasında yetkilendirme gerekmektedir. Gelen seçenekleri ihtiyacınıza göre cevaplandırabilirsiniz.

Source: Taken by Author
Source: Taken by Author

Bu işlemden sonra, npm run build ile React projemin build işlemini gerçekleştiriyorum. Daha sonra, Firebase deploy işlemi için terminale şu komutu giriyorum:

firebase deploy

Eğer bir sorunla karşılaşmazsanız, 🚀Tebrikler Deploy Complete!

Source: Taken by Author

--

--