📄️ Varlıklar, Meta Veriler ve CSS
Şu anda eklediğimiz ikinci sayfanın stili yok. Sayfaya stil vermek için biraz CSS ekleyelim.
📄️ Varlıklar
Next.js , üst düzey dizin altında resimler gibi statik varlıklar sunabilir. public İçindeki dosyalara benzer uygulamanın kökünden referans alınabilir.
📄️ Meta Veri
`` HTML etiketi gibi sayfanın meta verilerini değiştirmek istersek ne olur?
📄️ Üçüncü Taraf JavaScript
Üçüncü taraf JavaScript , üçüncü taraf bir kaynaktan eklenen tüm komut dosyalarını ifade eder. Genellikle, bir siteye analitik, reklamlar ve müşteri destek widget'ları gibi sıfırdan yazılması gerekmeyen daha yeni işlevler eklemek için üçüncü taraf komut dosyaları eklenir.
📄️ CSS Stili
Şimdi CSS stili hakkında konuşalım.
📄️ Layout Component
İlk olarak, tüm sayfalarda paylaşılacak bir Layout bileşeni oluşturalım.
📄️ Global Styles
CSS Modülleri, bileşen düzeyinde stiller için kullanışlıdır. Ancak, her sayfada biraz CSS yüklenmesini istiyorsanız, Next.js'nin bunu da desteği vardır.
📄️ Polishing Layout
Şimdiye kadar, yalnızca CSS Modülleri gibi kavramları göstermek için minimum React ve CSS kodu ekledik. Veri alma ile ilgili bir sonraki dersimize geçmeden önce, sayfa stilimizi ve kodumuzu düzeltelim.
📄️ Stil İpuçları
İşte size yardımcı olabilecek bazı stil ipuçları.