何ができるか 見本として公開している 1 ページの LP が 5 本と、4 ページの会社案内サイトが 1 式入っています。 BtoB・SaaS の LP ── 料金は月額と年額をボタンで切り替え。導入の流れ、FAQ、問い合わせフォームつき 店舗・サロンの LP ── 営業時間から「いまは開いています」を表示。お品書きと席の案内、予約フォームつき 建設・工事の LP ── 電話ボタンは本物の tel: リンク。料金の目安は平日と夜間・休日で切り替わり、対応エリアは図で表示 士業・研修の LP ── 顧問料はプランをボタンで切り替え。年間の目安は月々の額と年 1 回の額から計算 クリニック・医院の LP ── 曜日ごとの診療時間を表で表示。「いまは診療中です」と、時間帯を選べる Web 予約つき 会社案内サイト ── TOP・事業内容・会社概要・お問い合わせの 4 ページ。波の背景、数字のカウントアップ、ヘッダーの現在地 どのテンプレにも共通することが 5 つあります。 写真を 1 枚も使っていません。色と余白と書体、それに canvas の粒と SVG だけで作ってあります 文言と色は設定ファイルだけで差し替えられます フォームの送信先を設定できます（Formspree／Google Apps Script のウェブアプリ／自前 API） 書き出し済みの静的 HTML 10 ページを同梱。Next.js を動かさなくても置けます フォームに迷惑投稿よけの見えない欄つき（bot が埋めると送らずに成功表示だけ） 見本 https://suminawa.dev/sites の saas-lp ／ shop-lp ／ construction-lp ／ professional-lp ／ clinic-lp ／ corporate-site の 6 つ。※この 6 つがテンプレートそのものです。 置き方 使うテンプレの content を書き換える。文言・料金・営業時間・診療時間・フォームの送信先はここに集めてあります npm run build で out/ に静的 HTML を書き出す（Next.js のまま Vercel に置くなら不要） Vercel なら GitHub のリポジトリをつなぐだけ、静的サーバーなら out/ の中身をそのまま公開フォルダに上げます 色は styles/tokens.css の 1 ファイルで変えられます。 設定で変えられること 項目 内容 content/saas.ts ／ shop.ts 料金の切替・お品書き・営業時間 content/construction.ts 電話番号・時間帯で変わる料金・対応エリア content/professional.ts 顧問料のプランと年間の目安 content/clinic.ts 曜日ごとの診療時間と Web 予約の時間帯 content/corporate.ts 会社案内 4 ページ分（柱・数字・お知らせ・沿革） content/site.ts 公開する URL、一覧ページの文 form.endpoint フォームの送信先 footer.* 会社名・住所・メール・電話・著作権表示 styles/tokens.css 色・角丸・書体（テンプレごとに 6 つの組） 価格とライセンス ¥6,980 の買い切りです。買った方は、その後の 1.x アップデートも無料で受け取れます。個人・組織ライセンスがあり、再配布・転売・同種商品化は禁止です。note の有料記事版も同価格です。 zip の中身 app / components / content（テンプレ 6 つ分 + site.ts）/ lib / styles / out（静的 HTML 10 ページ）/ README.ja.md / LICENSE.md / CHANGELOG.md / package.json ほか設定ファイル。約 14 MB のうち大半は書体です。 【2026 年 9 月 20 日 1.0.1】同梱の Next.js を 16.3.5 以上に上げました。16.3.3 より前の Next.js に重大な脆弱性の勧告が出ているためです。すでにお使いの方は、package.json の next を ^16.3.5 にして npm install をやり直してください。書き出し済みの静的 HTML（out/）だけをお使いの場合は、影響を受けません。購入済みの方は、BOOTH の購入履歴から新しい zip をダウンロードできます。