App Klasörü

Coddy'nin React Journey'sinin Next.js Temel Esasları bölümünün bir parçası — ders 2 / 47.

Dosya listesini açın. Bir Next.js projesinin bir yapısı vardır ve bir anlam taşır:

app/
    layout.jsx     the shell around every page
    page.jsx       the page at /
    globals.css    styles for the whole app

İki dosya adı özeldir ve bunları sürekli kullanacaksınız:

page.jsx: bir klasörü ziyaret edilebilir bir URL'ye dönüştürür. app/page.jsx ana sayfadır, /.
layout.jsx: altındaki sayfaları sarmalar. Kök düzen (root layout) <html> ve <body> etiketlerini tutar, böylece her sayfa onu paylaşır.

Bu isimler değiştirebileceğiniz bir kuraldan ibaret değildir. Next.js tam olarak bu dosya adlarını arar. Bir dosya klasörünün URL'lere sahip bir uygulamaya dönüşmesi bu şekilde gerçekleşir.

Kök düzen (root layout) bu derslerde kilitlenmiştir, bu nedenle bozuk bir shell uygulamanızı asla çökertemez. app/page.jsx dosyasında ve kendi eklediğiniz dosyalarda çalışacaksınız.

Kendin dene

Bu ders bir kod alıştırması içermiyor.