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.