CursorでランディングページをAI実装するRecipe
AI Recipe Hub 公式公式
こんな人におすすめ
購入前にも表示- ✓AIで副業・発信を始めたいが、何から手をつけるか迷っている
- ✓LP1ページの実装を自分で作りたい
- ✓プロンプトをコピペするだけで進めたい初心者〜中級者
所要時間の目安
購入前にも表示初回 約30分
PDFを読みながら、最初の成果物まで作れます。完成まで7日。
購入後に手に入るもの
購入前プレビュー📕 手順ガイド
📝 コピペ用プロンプト 1種
📎 添付テンプレ あり
⏱ 初回セットアップ約30分
このレシピについて
CursorのAI機能を使い、Next.js + TailwindでシンプルなLPを短期間で実装する手順です。
成果物
- ✓セクション構成テンプレ
- ✓Cursorプロンプト集
- ✓公開前チェックリスト
実績
デザインカンプがなくても、動くLPの初版を自分で作れます。
ワークフロー
1. 構成決定→2. セクション単位で実装→3. レスポンシブ確認→4. デプロイ
手順
1
LPのセクション構成を決める
ヒーロー・特徴・料金・FAQ・CTAの5ブロックを基本にします。
2
Cursorでプロジェクト作成
Next.jsテンプレから始め、Tailwindを有効にします。
3
セクションごとにAI実装
1セクションずつプロンプトで生成し、都度確認します。
4
スマホ表示とリンクを確認
チェックリストで公開前の最終確認をします。
使用するAI・ツール
Cursor
よくある質問（Q&A）
専門用語やツールの準備で迷ったら、まずここを確認してください。
A.AI機能付きのコードエディタです。VS Codeに近い操作感で、日本語で指示してコードを生成できます。
Cursorをダウンロードする実行パック（購入者限定）
専門用語がわからなくても、この順番で進めばOKです
かんたん手順書（PDF）
コピペ用プロンプト
添付テンプレート
購入後に閲覧可能
実行パック（購入者限定）とコピペで始めるセットが使えます