Menu
Coddy logo textTech

Recap: Why Next.js

Part of the Next.js Essentials section of Coddy's React journey — lesson 4 of 47.

challenge icon

Challenge

Easy

Chapter recap: build a page from nothing, using everything from this chapter.

  1. app/page.jsx currently defines a component but Next.js can't find it. Mark it as the file's default export.
  2. Inside the <main>, add an <h1> with id="title" and the text Coddy Eats.
  3. Below it, a <p> with id="tagline" and the text Built with Next.js.

Try it yourself

import './globals.css';

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

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

All lessons in Next.js Essentials