https://github.com/adnankasikci/themovie_nextjs

It is a movie website project created with nejxJS.
https://github.com/adnankasikci/themovie_nextjs

dark-light-theme nextjs tailwindcss

Last synced: about 1 month ago
JSON representation

It is a movie website project created with nejxJS.

• Host: GitHub
• URL: https://github.com/adnankasikci/themovie_nextjs
• Owner: adnankasikci
• License: mit
• Created: 2024-07-20T17:07:57.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-07-20T18:58:18.000Z (5 months ago)
• Last Synced: 2024-07-20T19:27:09.384Z (5 months ago)
• Topics: dark-light-theme, nextjs, tailwindcss
• Language: JavaScript
• Homepage: https://themovienextjs.netlify.app/
• Size: 38.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## 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](https://github.com/adnankasikci/theMovie_nextJS) ziyaret edin.

Teşekkür ederiz!