チュートリアル1: ウェブサイトのホスティング方法

Kantan CMSは、ウェブプロジェクトのデプロイと管理を簡単にする静的サイトホスティングウェブサイトです。このチュートリアルでは、独自のカスタムドメインでウェブサイトをホスティングする完全なプロセスをご案内します。

前提条件

始める前に、Kantan CMSアカウントでホスティングを有効にする必要があります：

• 設定 > ホスティングに移動し、ホスティングを有効にします

ウェブサイトの作成

ステップ1: プロジェクトを開始する

最新の開発ツールを使用してウェブサイトを作成できます。以下のプラットフォームのいずれかを使用することをお勧めします：

• Lovable
• Bolt.new
• v0

ステップ2: 推奨プロンプトを使用する

プロジェクトを作成する際、Kantan CMSに最適化されたウェブサイトを確保するために、このプロンプトテンプレートを使用することをお勧めします：

東京のAIに焦点を当てたコミュニティに関するウェブサイトを作成したいと思います。
ウェブサイトには以下の要素を含めたいです：
- レスポンシブデザイン
- SSGフレームワークとしてNext.jsを使用
- Tailwind CSSを使用
- コンテンツ管理にマークダウンを使用
- 専用のニュースセクションページを持つ
- ホームページにメール収集フォームを含める

以下の概要に基づいて、ウェブサイトを作成するための仕様書を生成してください。
マークダウン形式（アーティファクト）で欲しいです。

[ステップ1から概要を挿入]

ステップ3: プロジェクトを準備する

1. ウェブサイトが作成されたら、プロジェクトをローカルマシンにダウンロードします
2. 静的ウェブサイトファイルを生成します
3. GitHubリポジトリを作成し、プロジェクトをアップロードします

ウェブサイトのホスティング

ステップ1: サイトをアップロードする

1. Kantan CMS > ホスティングに移動します
2. ビルドをクリックします
3. **「ZIPファイルをアップロード」**をクリックします
4. 前のセクションで作成したZIPファイルをドラッグ＆ドロップします
5. アップロードが完了するのを待ちます - ビルドステータスは「実行中」と表示されます

ステップ2: サイトをプレビューする

1. ビルドが完了したら、**「プレビュー」**をクリックします
2. ウェブサイトが正しく作成されたか確認します
3. サイトを確認した後、**「ホスティングに戻る」**をクリックします

ステップ3: サイトをデプロイする

1. **「デプロイ」**ボタンをクリックします
2. デプロイメントが完了したら、「ライブ」メニュー > デフォルトURLをクリックします
3. ウェブサイトがライブでアクセス可能であることを確認します

カスタムドメインの使用

ステップ1: ドメインを登録する

まず、以下のようなDNSサービスプロバイダーでドメインを作成します：

• Cloudflare
• GoDaddy
• その他のDNSプロバイダー

ステップ2: ドメイン設定を構成する

1. 設定 > ホスティングに移動します
2. ウェブサイトに接続したいドメインを入力します
3. エラーページパスを登録します
4. **「設定を保存」**ボタンをクリックします

ステップ3: DNSレコードを設定する

1. 設定を保存すると、「設定を保存」ボタンの下にカードが表示されます
2. **「登録」**ボタンをクリックします
3. 表示されるDNS登録手順に従います
4. 提供されたDNSレコードをドメインプロバイダーに追加します
5. 数分待ってから、再度**「登録」**をクリックします

ステップ4: ドメイン接続を確認する

1. ドメインステータスが**「アクティブ」**と表示されたら、ホスティングに戻ります
2. **「ライブ」**ボタンをクリックします
3. これでウェブサイトはカスタムドメインからアクセスできるようになります

次のステップ

おめでとうございます！これで、Kantan CMSでホストされ、カスタムドメインを持つライブウェブサイトができました。次のチュートリアルでは、ブログコレクションを作成してサイトに動的コンテンツを追加する方法を学びます。