İlk Sayfanız

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

Bir sayfayı düzenleme zamanı. app/page.jsx, Fundamentals boyunca yazdığınız türden sıradan bir React bileşenidir:

export default function Home() {
    return (
        <main>
            <h1>Welcome!</h1>
        </main>
    );
}

Hiç değişmeyen iki küçük kural:

Sayfa, dosyanın default export'u olmalıdır: Next.js onu bu şekilde bulur
Bileşenin adı size kalmıştır; URL'yi yalnızca dosya adı ve klasör belirler

Neyin eksik olduğuna dikkat edin: rota kaydı yok, router içe aktarması (import) yok, ReactDOM.render yok. Doğru dosyada bir bileşen yazarsınız ve o bir sayfa olur.

Görev

Başlangıç

Ana sayfanın merhaba demesini sağlayın.

app/page.jsx dosyasında, <main> içinde, id="title" olan bir <h1> ekleyin.
Metni tam olarak Welcome to Next.js olmalıdır.

Kendin dene

import './globals.css';

export const metadata = {
    title: 'My App',
};

export default function RootLayout({ children }) {
    return (
        <html lang="en">
            <body>
                {children}
            </body>
        </html>
    );
}