microCMS 公式のシンプルなコーポレートサイトのテンプレートです。 サイト内のお問い合わせ送信先として CRM である HubSpot を利用しています。
Node.js 18 以上
ルート直下に.envファイルを作成し、下記の情報を入力してください。
MICROCMS_API_KEY=xxxxxxxxxx
MICROCMS_SERVICE_DOMAIN=xxxxxxxxxx
BASE_URL=xxxxxxxxxx
HUBSPOT_PORTAL_ID=xxxxxxxx
HUBSPOT_FORM_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
MICROCMS_API_KEY
microCMS 管理画面の「サービス設定 > API キー」から確認することができます。
MICROCMS_SERVICE_DOMAIN
microCMS 管理画面の URL（https://xxxxxxxx.microcms.io）の xxxxxxxx の部分です。
BASE_URL
デプロイ先の URL です。プロトコルから記載してください。
例）
開発環境 → http://localhost:3000
本番環境 → https://xxxxxxxx.vercel.app/ など
HUBSPOT_PORTAL_ID
HubSpot のアカウント ID
HUBSPOT_FORM_ID
HubSpot のフォームに割り当てられる ID
- パッケージのインストール
npm install- 開発環境の起動
npm run dev- 開発環境へのアクセス
http://localhost:3000にアクセス
