セクションを並べて1ページにする

最終更新日: 2026年10月16日

Template のコピーが無いあいだに、ヒーローから FAQ までを、コンポーネントを1つずつ置いて1ページにする手順。

1回に1セクション

無料のコピーは1日3回です。同じチャットに3件分をまとめて貼らず、1件置いて、動きを確認してから次をコピーします。壊れた状態のまま次を貼ると、その回数も使います。

並びの例は、ヒーロー、機能紹介、料金、FAQ、フッターです。役割の名前は「コンポーネントの id と分類」にあります。

2件目以降の頼み方

全文を貼ったあとに、すでにあるページへ足すことと、順序を書きます。1つのコンポーネントに混ぜない、と書いてください。

text
このセクションを、いま app/page.tsx にあるセクションの下に足してください。
1つのコンポーネントにまとめないでください。
順序は、今あるヒーロー、このセクション、のままにしてください。

確認してから次へ

足したセクションだけ、ライブプレビューと見比べます。スクロールで止まるときは「プレビューと見比べる」に戻ります。揃ってから、次の id をコピーします。

セクションを並べて1ページにする | DesignLayer