React Framework Olan NextJS Projesi

NextJS yaklaşımlarına aşinalık ve NextJS teknolojisini anlama üzerine hazırlanmıştır. https://themovienextjs.netlify.app/

Proje Amacı

---

Bu projede tailwind konularına daha iyi hakim olabilmek için farklı örnekleri de görebilme adına hazırlanmış bir web sitedir.

• Teknoloji yapısını iyi anlamak
• Kullanılan yapılara aşina olmak
• NextJS folder structure ile çalışma mantığını anlamak
• NextJS'in çalışma ortamını deneyimlemek

Kullanılanlar

---

• NextJS SEO konusunda HEAD Kullanımı sağlarken aynı zamanda Style, ModuleCSS ve JSX destekleri sağlar.
• Sunucu tarafında render edilerek seoya katkı sağlarken aynı zamanda statik sitelerinde hızlı yüklenmesini sağlar.
• Router konusunda daha konforlu bir alan yaratır. UseRouter kullanımı ve Nested Routingler efektif hale getirir.
• Layout, Componentleri oluşturmak veya tailwindcss benzeri paketleri yüklemede kolaylık sağlar.
• Fetch işlemleri daha efektif çalışır. Kullanıcıyı bekletmemize gerek kalmaz.
• Veriler Sürekli değişmiyorsa getStaticProps dinamik ise getServerProps kullanılarak işlemlerimizi yapacağımız ortamı ayarlayabiliriz.

Kurulum

Projenin kurulumu için aşağıdaki adımları izleyin:

1. Proje dosyalarını bilgisayarınıza indirin veya klonlayın.
2. Terminali açın ve proje dizinine gidin: cd proje-klasoru.
3. Gerekli bağımlılıkları yüklemek için npm install komutunu çalıştırın.
4. Projeyi çalıştırmak için npm run dev komutunu kullanın.
5. Tarayıcınızda http://localhost:3000 adresine gidin ve projeyi görüntüleyin.

Kullanım

Proje kullanımıyla ilgili aşağıdaki detayları göz önünde bulundurun:

• Proje ana sayfasında api'den gelen filmleri inceleyebilir ve detay sayfasına gidebilirsiniz.
• Projenin arama motorunda 3 harften fazla yazıp enter tuşuna bastığında arama yapacaktır.
• Anasayfada tabs bölümünü kullanabilir ve farklı filmleri filtreleyebilirsiniz.
• Proje dosyalarında tailwind.config.js ile projeyi yönetin npm run watch ile projeyi çalıştırabilirsiniz.

İletişim

Herhangi bir sorunuz, öneriniz veya geri bildiriminiz varsa, lütfen göndermekten çekinmeyin.:relieved:

Daha fazla bilgi için proje dokümantasyonunu ziyaret edin.

Teşekkür ederiz!