Menu
Coddy logo textTech

まとめ:なぜNext.jsなのか

CoddyのReactジャーニー「Next.js の基本」セクションの一部 — レッスン 4/47。

challenge icon

チャレンジ

簡単

章のまとめ:この章で学んだすべてを使って、一からページを構築しましょう。

  1. app/page.jsx は現在コンポーネントを定義していますが、Next.js がそれを見つけることができません。ファイルの default export(デフォルトエクスポート)としてマークしてください。
  2. <main> の中に、id="title" とテキスト Coddy Eats を持つ <h1> を追加します。
  3. その下に、id="tagline" とテキスト Built with Next.js を持つ <p> を追加します。

自分で試してみよう

import './globals.css';

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

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

Next.js の基本のすべてのレッスン