Şu an erken aşama betada olan Firebase CLI’ın webframeworks özelliği ile NextJS kurulumu yapacağız.
Bunun için CLI versiyonunuz en az 11.14.2 üzerinde olması gerekiyor. Cli’ı update ettikten sonra kullanacağımız özelliği açmak için komut satırında
firebase experiments:enable webframeworks
komutunu çalıştırmalısınız. Bundan sonra proje oluşturma aşamasında eğer bir framework kullanıyorsanız bunu soruyor olacak ve size örnek proje yaratacak.
Çalışma klasörümüze gidelim ve bir klasör oluşturalım.
cd dev && mkdir ornek-projemiz && git init
Projemizi initialize edelim
firebase init hosting
bu noktada size bazı sorular sorulacak. Tek yapmanız gereken webframeworks kullanmak istiyormusunuz? diye sorulduğunda evet demek ve “NextJS” seçmek.
Bu noktada, bu özelliğin çok erken beta aşamasında olduğunu söylemeliyim.
NextJS seçiyoruz
Ve daha önceden Firebase mühendislerinin yazmış oluduğu boilerplate kodu proje klasörümüze indiriliyor.
Oluşan projenin son halinde hosting adında bir klasör (eğer değiştirmediyseniz) ve firebase.json adında bir klasör göreceksiniz.
firebase deploy
komutunu çalıştırdığınızda projeniz deploy edilmiş ve nextjs uygulamanız google cloud run servisi üzerinde çalışıyor olacak. Tabi deploy aşamasından önce projenizi Blaze Plan’a (Kullandığın kadar öde modeli) geçirmeyi unutmayınız.
Bir sonraki aşama geliştirme bilgisayarınızda rahat çalışabilmek adına emulator kurmak olabilir.
öncelikle hosting klasörünüze giriş yapın ve yarn ile kill-port paketini ekleyin.
cd hosting && yarn add kill-port
Diğer aşama ise hosting klasörü içinde package.json dosyasını bulun ve aşağıdaki scriptleri ekleyin
"scripts": {
...
"emulators:killport": "kill-port --port 5000,50001",
"emulators:all:start": "yarn emulators:killport && firebase emulators:start"
...
}
