まとめ:なぜNext.jsなのか
CoddyのReactジャーニー「Next.js の基本」セクションの一部 — レッスン 4/47。
チャレンジ
簡単章のまとめ:この章で学んだすべてを使って、一からページを構築しましょう。
app/page.jsxは現在コンポーネントを定義していますが、Next.js がそれを見つけることができません。ファイルの default export(デフォルトエクスポート)としてマークしてください。<main>の中に、id="title"とテキストCoddy Eatsを持つ<h1>を追加します。- その下に、
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>
);
}