Bir React projesi Netlify’da nasıl host edilir?
Netlify, projelerinizi yükleyebildiğiniz ve host edebildiğiniz bir platformdur. Adım adım bir react projesi nasıl netlify’a yüklenir ve host edilir anlatmaya çalışacağım.
Adım 1: Bir React Projesi oluşturma
Herhangi bir terminal üzerinden dosyayı oluşturmak istediğimiz dizine cd komutuyla gidip bir proje oluşturmakla başlayabiliriz. Herhangi bir react projesi oluşturabilmemiz için önce globalde react’ın kurulu olması gerekmektedir.
// eğer kuruluysa bunu atlayabilirsiniz
// react-projem isimli bir React projesi başlatır.
Adım 2: Projeyi hazırlamak
Projemiz oluştuğuna göre, proje dizinine gidip projemizi başka bir yerde kullanmadan önce yapmamız gereken gerekli hazırlık görevlerini gerçekleştirmemiz gerekir.
// proje dizinine gitmek. proje dizini neredeyse oraya cd komutu ile erişebiliriz.
// projeyi kullanmadan önce hazırlamak.
Adım 3: Netfliy CLI kurulumu
Şimdi sırada projeyi yükleyeceğimiz Netlify CLI uygulamasını terminal üzerinden kurmakta.
Kurulumun sürmesi biraz zaman alabilir.
// Kurulum bittikten sonra bu komutu proje dosyamızın dizininde çalıştırmamız gerekmekte. Bu komutu çalıştırdığımızda terminalde karşımıza sorular çıkacak.
Enter’a basarak “Create & configure a new site” seçeneğini seçiyoruz.
Bir önceki seçtiğimiz seçeneği hangi takımla yapmak istediğimizi soruyor. Ben benim netlify’ımda default ve tek olan takımı seçiyorum.
Size özel bir site ismi giriniz.
Eğer site ismi kullanılabilir ise sizden bir publish directory seçmenizi isteyecek. Burada “./build” yazıp enter tuşuna basıyoruz.
Projemiz Website Draft URL’de host edilmeye başladı bile. İsterseniz url’i kopyalayıp herhangi bir tarayıcıda kontrol edebilir, isterseniz ctrl tuşuna basarak direkt url üstüne tıklayabilirsiniz.
Projemiz host edildi.
Önemli bir not: Eğer React Router kullandıysanız ve herhangi bir route için 404 not found hatası alıyorsanız ./build içine _redirects isimli uzantısı boş bir dosya oluşturun ve ardından içine /* /index.html 200 yazıp kaydedin.
Tekrar deploy ettiğinizde aynı hatayla karşılaşmayacaksınız!
