Menu
Coddy logo textTech

Zusammenfassung: Warum Next.js

Teil des Abschnitts Next.js Essentials der React-Journey von Coddy — Lektion 4 von 47.

challenge icon

Aufgabe

Einfach

Kapitelzusammenfassung: Baue eine Seite von Grund auf neu und verwende dabei alles aus diesem Kapitel.

  1. app/page.jsx definiert derzeit eine Komponente, aber Next.js kann sie nicht finden. Markiere sie als den default export der Datei.
  2. Füge innerhalb von <main> ein <h1> mit id="title" und dem Text Coddy Eats hinzu.
  3. Darunter ein <p> mit id="tagline" und dem Text Built with Next.js.

Probier es selbst

import './globals.css';

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

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

Alle Lektionen in Next.js Essentials