Skip to main content

Varlıklar, Meta Veriler ve CSS

Şu anda eklediğimiz ikinci sayfanın stili yok. Sayfaya stil vermek için biraz CSS ekleyelim.

Next.js, CSS ve Sass için yerleşik desteğe sahiptir. Bu ders için CSS kullanacağız.

Bu ders ayrıca Next.js'nin resimler gibi statik varlıkları ve <title> etiket gibi sayfa meta verilerini nasıl ele aldığı hakkında konuşacaktır.

Bu Derste Öğrenecekleriniz

Bu derste şunları öğreneceksiniz:

  • Next.js'ye statik dosyalar (resimler, vb.) nasıl eklenir.
  • Her sayfanın içinde <head> nasıl özelleştirilir.
  • CSS Modülleri kullanılarak biçimlendirilmiş yeniden kullanılabilir bir React bileşeni nasıl oluşturulur?
  • Global CSS nasıl eklenir pages/_app.js.
  • Next.js'de stil oluşturmak için bazı yararlı ipuçları.

Önkoşullar

  • Temel CSS bilgisi. Bu kurs, bir Next.js uygulamasına CSS'nin nasıl ekleneceğini ele alacaktır, ancak CSS'nin temellerini kapsamayacaktır.