Menu
Coddy logo textTech

Özet: Neden Next.js

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

challenge icon

Görev

Kolay

Bölüm özeti: Bu bölümdeki her şeyi kullanarak sıfırdan bir sayfa oluşturun.

  1. app/page.jsx şu anda bir bileşen tanımlıyor ancak Next.js onu bulamıyor. Dosyanın default export'u olarak işaretleyin.
  2. <main> içinde, id="title" olan ve Coddy Eats metnini içeren bir <h1> ekleyin.
  3. Bunun altına, id="tagline" olan ve Built with Next.js metnini içeren bir <p> ekleyin.

Kendin dene

import './globals.css';

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

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

Next.js Temel Esasları bölümündeki tüm dersler