nextjs-analyzer/nextjs-analysis.txt

A modular tool that comprehensively analyzes Next.js projects. Includes component, performance, security, SEO, data fetching, code quality, and historical analysis features.

# Next.js projelerinde kod kalitesi analizi yapar

# Kullanılmayan Komponentler

- src\app\error.js
- src\app\hakkimizda\page.js
- src\app\iletisim\page.js
- src\app\layout.js
- src\app\loading.js
- src\app\not-found.js
- src\app\page.js
- src\app\urunler\page.js
- src\app\urunler\[urun-kategorisi]\page.js
- src\app\urunler\[urun-kategorisi]\[urun-slug]\page.js
- src\app\yazilar\page.js
- src\app\yazilar\[slug]\page.js



# Next.js projelerinde server ve client componentleri analiz eder

📁 app/
├── 📄 src\app\error.js (Client Component)
│   ├── 📄 src\components\layout\main\ErrorMain.js (Client Component)
│   ├── 📄 src\components\shared\others\ThemeController.js (Client Component)
│   └── 📄 src\components\shared\wrappers\PageWrapper.js (Client Component)
├── 📄 src\app\hakkimizda\page.js (Server Component)
│   ├── 📄 src\components\layout\main\AboutMain.js (Server Component)
│   ├── 📄 src\fetch\fetchle.js (Server Component)
│   ├── 📄 src\libs\GenerateSeo.js (Server Component)
│   └── 📄 src\libs\ogSeo.js (Server Component)
├── 📄 src\app\iletisim\page.js (Server Component)
│   ├── 📄 src\components\layout\main\ContactMain.js (Server Component)
│   ├── 📄 src\fetch\fetchle.js (Server Component)
│   ├── 📄 src\libs\GenerateSeo.js (Server Component)
│   └── 📄 src\libs\ogSeo.js (Server Component)
├── 📄 src\app\layout.js (Server Component)
│   ├── 📄 src\components\shared\wrappers\PageWrapper.js (Client Component)
│   └── 📄 src\fetch\fetchle.js (Server Component)
├── 📄 src\app\loading.js (Server Component)
│   ├── 📄 src\components\shared\others\Preloader.js (Server Component)
│   ├── 📄 src\components\shared\others\ThemeController.js (Client Component)
│   └── 📄 src\components\shared\wrappers\PageWrapper.js (Client Component)
├── 📄 src\app\not-found.js (Server Component)
│   ├── 📄 src\components\layout\main\ErrorMain.js (Client Component)
│   ├── 📄 src\components\shared\others\ThemeController.js (Client Component)
│   └── 📄 src\components\shared\wrappers\PageWrapper.js (Client Component)
├── 📄 src\app\page.js (Server Component)
│   ├── 📄 src\components\layout\main\Home9Mani.js (Server Component)
│   ├── 📄 src\components\shared\others\ThemeController.js (Client Component)
│   ├── 📄 src\fetch\fetchle.js (Server Component)
│   ├── 📄 src\libs\GenerateSeo.js (Server Component)
│   └── 📄 src\libs\ogSeo.js (Server Component)
├── 📄 src\app\urunler\page.js (Server Component)
│   ├── 📄 src\components\layout\main\ShopMain.js (Server Component)
│   ├── 📄 src\fetch\fetchle.js (Server Component)
│   ├── 📄 src\libs\GenerateSeo.js (Server Component)
│   └── 📄 src\libs\ogSeo.js (Server Component)
├── 📄 src\app\urunler\[urun-kategorisi]\page.js (Server Component)
│   ├── 📄 src\components\layout\main\ShopMain.js (Server Component)
│   ├── 📄 src\fetch\fetchle.js (Server Component)
│   ├── 📄 src\libs\GenerateSeo.js (Server Component)
│   └── 📄 src\libs\ogSeo.js (Server Component)
├── 📄 src\app\urunler\[urun-kategorisi]\[urun-slug]\page.js (Server Component)
│   ├── 📄 src\components\layout\main\ProductDetailsMain.js (Server Component)
│   ├── 📄 src\fetch\fetchle.js (Server Component)
│   ├── 📄 src\libs\GenerateSeo.js (Server Component)
│   └── 📄 src\libs\ogSeo.js (Server Component)
├── 📄 src\app\yazilar\page.js (Server Component)
│   ├── 📄 src\components\layout\main\BlogsMain.js (Server Component)
│   ├── 📄 src\libs\GenerateSeo.js (Server Component)
│   └── 📄 src\libs\ogSeo.js (Server Component)
└── 📄 src\app\yazilar\[slug]\page.js (Server Component)
    ├── 📄 src\components\layout\main\BlogDetailsMain.js (Server Component)
    ├── 📄 src\fetch\fetchle.js (Server Component)
    ├── 📄 src\libs\GenerateSeo.js (Server Component)
    ├── 📄 src\libs\helpers.js (Server Component)
    └── 📄 src\libs\ogSeo.js (Server Component)



# Next.js projelerinde veri fetching yöntemlerini analiz eder

# Veri Fetching Analizi

## Veri Fetching Yöntemleri

## Client-side Veri Fetching

### Fetch API

- **src\fetch\fetchle.js**
  - Cache: Belirtilmemiş
  - Öneri: fetch isteğine cache stratejisi ekleyin: { cache: "force-cache" } veya { cache: "no-store" }

## Cache Stratejileri

### Tespit Edilen Sorunlar

- **src\fetch\fetchle.js**
  - Sorun: fetch API kullanılıyor ama cache stratejisi belirtilmemiş
  - Öneri: fetch isteğine cache stratejisi ekleyin: { cache: "force-cache" } veya { cache: "no-store" }

### Genel Öneriler

- **App Router için Veri Fetching**
  - App Router kullanıyorsanız, React Server Components ile veri fetching yapabilirsiniz. Bu, client-side JavaScript'i azaltır ve SEO'yu iyileştirir.

- **SWR veya React Query Kullanımı**
  - Client-side veri fetching için SWR veya React Query kullanın. Bu kütüphaneler, caching, revalidation, error handling gibi özellikleri otomatik olarak sağlar.

- **Incremental Static Regeneration (ISR)**
  - Sık değişmeyen veriler için getStaticProps ile ISR kullanın. Bu, statik sayfaların belirli aralıklarla yeniden oluşturulmasını sağlar.




# Next.js projelerinin zaman içindeki değişimlerini analiz eder

# Zaman İçinde Değişim Analizi

## Özet

Toplam 9 commit incelendi, 5 commit analiz edildi.
İlk commit tarihi: 2025-03-05
Son commit tarihi: 2025-04-24

## Commit Geçmişi

- **3718db3** (2025-04-24) - Ali Haydar GÜLEÇ:  from plesk
- **d178fca** (2025-03-12) - Mustafa Hakan Borazan: Merge pull request #1 from ahgsql/hakan2
- **9210071** (2025-03-12) - Hakan: yazilar inital
- **7be66e3** (2025-03-12) - Ali Haydar GÜLEÇ: bitiyor la
- **62dc48a** (2025-03-11) - Ali Haydar GÜLEÇ: sayfalar geliyor
- **f2f9a38** (2025-03-11) - Ali Haydar GÜLEÇ: ali
- **c90fd82** (2025-03-10) - Hakan: menu from api, hero from api
- **7f966f8** (2025-03-06) - Ali Haydar GÜLEÇ: Sağlam
- **9cb5d83** (2025-03-05) - Ali Haydar GÜLEÇ: Initial commit from Create Next App

## Metrik Değişimleri




# Next.js projelerinde performans analizi yapar

# Performans Analizi

## Image Optimizasyon

Tüm görüntüler optimize edilmiş. Harika!

## Bundle Size Analizi

Büyük komponent tespit edilmedi. Harika!

Büyük kütüphane import'u tespit edilmedi. Harika!




# Next.js projelerinde route analizi yapar

# Route Analizi

## App Router

### Sayfalar

#### Statik Sayfalar

- /hakkimizda\page (src\app\hakkimizda\page.js)
- /iletisim\page (src\app\iletisim\page.js)
- /page (src\app\page.js)
- /urunler\page (src\app\urunler\page.js)
- /yazilar\page (src\app\yazilar\page.js)

#### Dinamik Sayfalar

- /urunler\[urun-kategorisi]\page (src\app\urunler\[urun-kategorisi]\page.js) - Parametreler: urun-kategorisi
- /urunler\[urun-kategorisi]\[urun-slug]\page (src\app\urunler\[urun-kategorisi]\[urun-slug]\page.js) - Parametreler: urun-kategorisi, urun-slug
- /yazilar\[slug]\page (src\app\yazilar\[slug]\page.js) - Parametreler: slug




# Next.js projelerinde güvenlik analizi yapar

# Güvenlik Analizi

## Özet

Toplam 1 güvenlik sorunu tespit edildi:
- Kritik: 0
- Yüksek: 0
- Orta: 1
- Düşük: 0

## Server Component Güvenliği

Server component'lerde güvenlik sorunu tespit edilmedi. Harika!

### Öneriler

- **Server Component Güvenliği**
  - Server component'ler, hassas bilgileri içerebilir. Bu bilgilerin client'a sızdırılmamasına dikkat edin.

- **Çevresel Değişkenler**
  - Server component'lerde kullanılan çevresel değişkenler, client bundle'a dahil edilmez. Ancak, bu değişkenleri doğrudan JSX içinde kullanmak, bu bilgilerin client'a sızmasına neden olabilir.

- **Veri Doğrulama**
  - Server component'lerde kullanıcı girdilerini her zaman doğrulayın ve temizleyin.

## API Route Güvenliği

API route'larda güvenlik sorunu tespit edilmedi. Harika!

### Öneriler

- **API Route Güvenliği**
  - API route'lar, uygulamanızın dış dünyaya açılan kapılarıdır. Bu nedenle, güvenlik önlemlerini dikkatli bir şekilde uygulamalısınız.

- **CORS Yapılandırması**
  - CORS yapılandırması, API'nize hangi domain'lerden erişilebileceğini kontrol eder. Wildcard (*) kullanmak yerine, belirli domain'lere izin verin.

- **Rate Limiting**
  - Rate limiting, API'nize yapılan istekleri sınırlar ve DDoS saldırılarına karşı koruma sağlar.

- **Authentication ve Authorization**
  - Veri değiştiren API endpoint'lerinde her zaman authentication ve authorization kontrolü yapın.

- **Input Validation**
  - Kullanıcı girdilerini her zaman doğrulayın ve temizleyin. Bu, injection saldırılarına karşı koruma sağlar.

## Genel Güvenlik

### Tespit Edilen Sorunlar

- **.env.local** (MEDIUM)
  - Sorun: Hassas bilgi içeren çevresel değişken: REVALIDATE_KEY
  - Öneri: .env.local dosyasını .gitignore'a ekleyin ve hassas bilgileri güvenli bir şekilde yönetin.

### Öneriler

- **Bağımlılık Güvenliği**
  - Bağımlılıklarınızı düzenli olarak güncelleyin ve güvenlik açıklarını kontrol edin. npm audit veya yarn audit komutlarını kullanabilirsiniz.

- **Çevresel Değişken Güvenliği**
  - .env dosyalarını her zaman .gitignore'a ekleyin ve hassas bilgileri güvenli bir şekilde yönetin.

- **Content Security Policy**
  - Content Security Policy (CSP), XSS saldırılarına karşı güçlü bir koruma sağlar. next.config.js dosyasında CSP başlıklarını yapılandırın.

- **Güvenli Yapılandırma**
  - dangerouslyAllowSVG, dangerouslyAllowHTML gibi güvensiz yapılandırmalardan kaçının.

- **Düzenli Güvenlik Denetimleri**
  - Uygulamanızı düzenli olarak güvenlik açıklarına karşı denetleyin ve güncel tutun.




# Next.js projelerinde SEO analizi yapar

# SEO Analizi

## Özet

Toplam 57 SEO sorunu tespit edildi:
- Meta Tag Sorunları: 53
- Semantik HTML Sorunları: 3
- Erişilebilirlik Sorunları: 1

## Meta Tag Sorunları

- **src\app\hakkimizda\page.js**
  - Sorun: Title tag eksik
  - Öneri: Sayfaya title tag ekleyin. Bu, SEO için çok önemlidir.

- **src\app\hakkimizda\page.js**
  - Sorun: Open Graph meta tag'leri eksik
  - Öneri: Sosyal medya paylaşımları için Open Graph meta tag'leri ekleyin.

- **src\app\hakkimizda\page.js**
  - Sorun: Twitter Card meta tag'leri eksik
  - Öneri: Twitter paylaşımları için Twitter Card meta tag'leri ekleyin.

- **src\app\hakkimizda\page.js**
  - Sorun: Canonical URL eksik
  - Öneri: Duplicate content sorunlarını önlemek için canonical URL ekleyin.

- **src\app\hakkimizda\page.js**
  - Sorun: Viewport meta tag eksik
  - Öneri: Mobil uyumluluk için viewport meta tag ekleyin.

- **src\app\hakkimizda\page.js**
  - Sorun: HTML lang attribute eksik
  - Öneri: Erişilebilirlik ve SEO için HTML lang attribute ekleyin.

- **src\app\iletisim\page.js**
  - Sorun: Title tag eksik
  - Öneri: Sayfaya title tag ekleyin. Bu, SEO için çok önemlidir.

- **src\app\iletisim\page.js**
  - Sorun: Open Graph meta tag'leri eksik
  - Öneri: Sosyal medya paylaşımları için Open Graph meta tag'leri ekleyin.

- **src\app\iletisim\page.js**
  - Sorun: Twitter Card meta tag'leri eksik
  - Öneri: Twitter paylaşımları için Twitter Card meta tag'leri ekleyin.

- **src\app\iletisim\page.js**
  - Sorun: Canonical URL eksik
  - Öneri: Duplicate content sorunlarını önlemek için canonical URL ekleyin.

- **src\app\iletisim\page.js**
  - Sorun: Viewport meta tag eksik
  - Öneri: Mobil uyumluluk için viewport meta tag ekleyin.

- **src\app\iletisim\page.js**
  - Sorun: HTML lang attribute eksik
  - Öneri: Erişilebilirlik ve SEO için HTML lang attribute ekleyin.

- **src\app\layout.js**
  - Sorun: Title tag eksik
  - Öneri: Sayfaya title tag ekleyin. Bu, SEO için çok önemlidir.

- **src\app\layout.js**
  - Sorun: Open Graph meta tag'leri eksik
  - Öneri: Sosyal medya paylaşımları için Open Graph meta tag'leri ekleyin.

- **src\app\layout.js**
  - Sorun: Twitter Card meta tag'leri eksik
  - Öneri: Twitter paylaşımları için Twitter Card meta tag'leri ekleyin.

- **src\app\layout.js**
  - Sorun: Canonical URL eksik
  - Öneri: Duplicate content sorunlarını önlemek için canonical URL ekleyin.

- **src\app\layout.js**
  - Sorun: Viewport meta tag eksik
  - Öneri: Mobil uyumluluk için viewport meta tag ekleyin.

- **src\app\page.js**
  - Sorun: Title tag eksik
  - Öneri: Sayfaya title tag ekleyin. Bu, SEO için çok önemlidir.

- **src\app\page.js**
  - Sorun: Open Graph meta tag'leri eksik
  - Öneri: Sosyal medya paylaşımları için Open Graph meta tag'leri ekleyin.

- **src\app\page.js**
  - Sorun: Twitter Card meta tag'leri eksik
  - Öneri: Twitter paylaşımları için Twitter Card meta tag'leri ekleyin.

- **src\app\page.js**
  - Sorun: Canonical URL eksik
  - Öneri: Duplicate content sorunlarını önlemek için canonical URL ekleyin.

- **src\app\page.js**
  - Sorun: Viewport meta tag eksik
  - Öneri: Mobil uyumluluk için viewport meta tag ekleyin.

- **src\app\page.js**
  - Sorun: HTML lang attribute eksik
  - Öneri: Erişilebilirlik ve SEO için HTML lang attribute ekleyin.

- **src\app\urunler\page.js**
  - Sorun: Title tag eksik
  - Öneri: Sayfaya title tag ekleyin. Bu, SEO için çok önemlidir.

- **src\app\urunler\page.js**
  - Sorun: Open Graph meta tag'leri eksik
  - Öneri: Sosyal medya paylaşımları için Open Graph meta tag'leri ekleyin.

- **src\app\urunler\page.js**
  - Sorun: Twitter Card meta tag'leri eksik
  - Öneri: Twitter paylaşımları için Twitter Card meta tag'leri ekleyin.

- **src\app\urunler\page.js**
  - Sorun: Canonical URL eksik
  - Öneri: Duplicate content sorunlarını önlemek için canonical URL ekleyin.

- **src\app\urunler\page.js**
  - Sorun: Viewport meta tag eksik
  - Öneri: Mobil uyumluluk için viewport meta tag ekleyin.

- **src\app\urunler\page.js**
  - Sorun: HTML lang attribute eksik
  - Öneri: Erişilebilirlik ve SEO için HTML lang attribute ekleyin.

- **src\app\urunler\[urun-kategorisi]\page.js**
  - Sorun: Title tag eksik
  - Öneri: Sayfaya title tag ekleyin. Bu, SEO için çok önemlidir.

- **src\app\urunler\[urun-kategorisi]\page.js**
  - Sorun: Open Graph meta tag'leri eksik
  - Öneri: Sosyal medya paylaşımları için Open Graph meta tag'leri ekleyin.

- **src\app\urunler\[urun-kategorisi]\page.js**
  - Sorun: Twitter Card meta tag'leri eksik
  - Öneri: Twitter paylaşımları için Twitter Card meta tag'leri ekleyin.

- **src\app\urunler\[urun-kategorisi]\page.js**
  - Sorun: Canonical URL eksik
  - Öneri: Duplicate content sorunlarını önlemek için canonical URL ekleyin.

- **src\app\urunler\[urun-kategorisi]\page.js**
  - Sorun: Viewport meta tag eksik
  - Öneri: Mobil uyumluluk için viewport meta tag ekleyin.

- **src\app\urunler\[urun-kategorisi]\page.js**
  - Sorun: HTML lang attribute eksik
  - Öneri: Erişilebilirlik ve SEO için HTML lang attribute ekleyin.

- **src\app\urunler\[urun-kategorisi]\[urun-slug]\page.js**
  - Sorun: Title tag eksik
  - Öneri: Sayfaya title tag ekleyin. Bu, SEO için çok önemlidir.

- **src\app\urunler\[urun-kategorisi]\[urun-slug]\page.js**
  - Sorun: Open Graph meta tag'leri eksik
  - Öneri: Sosyal medya paylaşımları için Open Graph meta tag'leri ekleyin.

- **src\app\urunler\[urun-kategorisi]\[urun-slug]\page.js**
  - Sorun: Twitter Card meta tag'leri eksik
  - Öneri: Twitter paylaşımları için Twitter Card meta tag'leri ekleyin.

- **src\app\urunler\[urun-kategorisi]\[urun-slug]\page.js**
  - Sorun: Canonical URL eksik
  - Öneri: Duplicate content sorunlarını önlemek için canonical URL ekleyin.

- **src\app\urunler\[urun-kategorisi]\[urun-slug]\page.js**
  - Sorun: Viewport meta tag eksik
  - Öneri: Mobil uyumluluk için viewport meta tag ekleyin.

- **src\app\urunler\[urun-kategorisi]\[urun-slug]\page.js**
  - Sorun: HTML lang attribute eksik
  - Öneri: Erişilebilirlik ve SEO için HTML lang attribute ekleyin.

- **src\app\yazilar\page.js**
  - Sorun: Title tag eksik
  - Öneri: Sayfaya title tag ekleyin. Bu, SEO için çok önemlidir.

- **src\app\yazilar\page.js**
  - Sorun: Open Graph meta tag'leri eksik
  - Öneri: Sosyal medya paylaşımları için Open Graph meta tag'leri ekleyin.

- **src\app\yazilar\page.js**
  - Sorun: Twitter Card meta tag'leri eksik
  - Öneri: Twitter paylaşımları için Twitter Card meta tag'leri ekleyin.

- **src\app\yazilar\page.js**
  - Sorun: Canonical URL eksik
  - Öneri: Duplicate content sorunlarını önlemek için canonical URL ekleyin.

- **src\app\yazilar\page.js**
  - Sorun: Viewport meta tag eksik
  - Öneri: Mobil uyumluluk için viewport meta tag ekleyin.

- **src\app\yazilar\page.js**
  - Sorun: HTML lang attribute eksik
  - Öneri: Erişilebilirlik ve SEO için HTML lang attribute ekleyin.

- **src\app\yazilar\[slug]\page.js**
  - Sorun: Title tag eksik
  - Öneri: Sayfaya title tag ekleyin. Bu, SEO için çok önemlidir.

- **src\app\yazilar\[slug]\page.js**
  - Sorun: Open Graph meta tag'leri eksik
  - Öneri: Sosyal medya paylaşımları için Open Graph meta tag'leri ekleyin.

- **src\app\yazilar\[slug]\page.js**
  - Sorun: Twitter Card meta tag'leri eksik
  - Öneri: Twitter paylaşımları için Twitter Card meta tag'leri ekleyin.

- **src\app\yazilar\[slug]\page.js**
  - Sorun: Canonical URL eksik
  - Öneri: Duplicate content sorunlarını önlemek için canonical URL ekleyin.

- **src\app\yazilar\[slug]\page.js**
  - Sorun: Viewport meta tag eksik
  - Öneri: Mobil uyumluluk için viewport meta tag ekleyin.

- **src\app\yazilar\[slug]\page.js**
  - Sorun: HTML lang attribute eksik
  - Öneri: Erişilebilirlik ve SEO için HTML lang attribute ekleyin.

### Meta Tag Önerileri

- **next-seo Kullanımı**
  - next-seo paketi, Next.js projelerinde SEO yönetimini kolaylaştırır. Bu paketi kullanarak, tüm meta tag'leri merkezi bir şekilde yönetebilirsiniz.

- **Dinamik Meta Tag'ler**
  - Dinamik içerikli sayfalar için, sayfa içeriğine göre dinamik meta tag'ler oluşturun. Bu, arama motorlarının sayfanızı daha iyi anlamasını sağlar.

- **Structured Data**
  - JSON-LD formatında structured data ekleyin. Bu, arama sonuçlarında zengin snippet'ler görüntülenmesini sağlar.

- **Hreflang Tag'leri**
  - Çok dilli siteler için hreflang tag'leri ekleyin. Bu, arama motorlarının doğru dildeki sayfayı göstermesini sağlar.

## Semantik HTML Sorunları

- **src\components\shared\others\ThemeController.js**
  - Sorun: Semantik HTML tag'leri kullanılmamış
  - Öneri: div ve span yerine semantik HTML5 tag'lerini (header, nav, main, article, section, aside, footer) kullanın.

- **src\components\shared\wrappers\PageWrapper.js**
  - Sorun: Semantik HTML tag'leri kullanılmamış
  - Öneri: div ve span yerine semantik HTML5 tag'lerini (header, nav, main, article, section, aside, footer) kullanın.

- **src\components\shared\others\Preloader.js**
  - Sorun: Semantik HTML tag'leri kullanılmamış
  - Öneri: div ve span yerine semantik HTML5 tag'lerini (header, nav, main, article, section, aside, footer) kullanın.

### Semantik HTML Önerileri

- **Semantik HTML Kullanımı**
  - Semantik HTML tag'leri, sayfanızın yapısını daha iyi tanımlar ve arama motorlarının içeriğinizi daha iyi anlamasını sağlar.

- **Heading Hiyerarşisi**
  - Düzgün bir heading hiyerarşisi kullanın. Her sayfada bir H1 tag'i olmalı ve diğer heading'ler hiyerarşik olarak sıralanmalıdır.

- **Alt Attribute**
  - Tüm image tag'lerine alt attribute ekleyin. Bu, görsel içeriğin metin alternatifini sağlar ve erişilebilirlik için önemlidir.

- **Açıklayıcı Link Text'leri**
  - Link text'leri, link'in nereye gittiğini açıkça belirtmelidir. "here", "click" gibi jenerik text'ler yerine, daha açıklayıcı text'ler kullanın.

## Erişilebilirlik Sorunları

- **src\components\shared\others\ThemeController.js**
  - Sorun: ARIA attribute'leri eksik
  - Öneri: Erişilebilirlik için ARIA attribute'leri ve role'ler ekleyin.

### Erişilebilirlik Önerileri

- **ARIA Attribute'leri**
  - ARIA attribute'leri, web sayfanızın erişilebilirliğini artırır. Bu attribute'ler, ekran okuyucuların içeriğinizi daha iyi anlamasını sağlar.

- **Form Label'ları**
  - Tüm form input'ları için label ekleyin. Bu, kullanıcıların input'ların ne için olduğunu anlamasını sağlar.

- **Kontrast Oranı**
  - Metin ve arka plan arasında yeterli kontrast oranı sağlayın. Bu, görme zorluğu olan kullanıcılar için önemlidir.

- **Klavye Navigasyonu**
  - Tüm interaktif elementlerin klavye ile erişilebilir olduğundan emin olun. Bu, fare kullanamayan kullanıcılar için önemlidir.

- **Erişilebilirlik Testleri**
  - Uygulamanızı düzenli olarak erişilebilirlik testlerine tabi tutun. axe, Lighthouse gibi araçlar kullanabilirsiniz.




# Next.js analiz sonuçlarını gelişmiş görselleştirmelerle sunar

# Gelişmiş Görselleştirme

## Özet

Toplam 8 modül ve 70 sorun tespit edildi.

## Modül Başına Sorun Sayıları

- code-quality: 12 sorun
- component: 0 sorun
- data-fetching: 1 sorun
- history: 0 sorun
- performance: 0 sorun
- routing: 3 sorun
- security: 1 sorun
- seo: 57 sorun

## Sorun Türü Dağılımı

- Unused Component: 12 sorun
- Cache Strategy Issue: 1 sorun
- Non-Optimized Image: 0 sorun
- Large Component: 0 sorun
- Large Import: 0 sorun
- Dynamic Route: 3 sorun
- Server Security Issue: 0 sorun
- API Security Issue: 0 sorun
- General Security Issue: 1 sorun
- Meta Tag Issue: 53 sorun
- Semantic HTML Issue: 3 sorun
- Accessibility Issue: 1 sorun

## Önem Derecesi Dağılımı

- medium: 1 sorun

## Filtreleme Seçenekleri

### Modüller

- code-quality
- component
- data-fetching
- history
- performance
- routing
- security
- seo

### Sorun Türleri

- Unused Component
- Server Security Issue
- API Security Issue
- General Security Issue
- Meta Tag Issue
- Semantic HTML Issue
- Accessibility Issue

### Önem Dereceleri

- medium

### Dosyalar

- src\app\error.js
- src\app\hakkimizda\page.js
- src\app\iletisim\page.js
- src\app\layout.js
- src\app\loading.js
- src\app\not-found.js
- src\app\page.js
- src\app\urunler\page.js
- src\app\urunler\[urun-kategorisi]\page.js
- src\app\urunler\[urun-kategorisi]\[urun-slug]\page.js
- ... ve 6 dosya daha