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:

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ı sarar. Kök yerleşim <html> ve <body> etiketlerini içerir; bu nedenle her sayfa bunları 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.

Bu derslerde kök düzen kilitlidir, bu nedenle bozuk bir kabuk uygulamanızı asla devre dışı bırakamaz. app/page.jsx dosyasında ve kendiniz eklediğiniz dosyalarda çalışacaksınız.

Kendin dene

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