teleporthq
プラットフォーム
ソリューション
連携
リソース

TeleportHQ + Contentful:ヘッドレスCMSプロジェクト向けフロントエンド

主要なヘッドレスコンテンツ管理システムの一つであるContentfulをTeleportHQと連携し、ビジュアルなドラッグ&ドロップエディターを備えたヘッドレスCMSのフロントエンドを作成しましょう。あらゆるニーズに合わせてカスタマイズできる、強力で柔軟なウェブサイトを構築できます。

画像
TeleportHQとは

ヘッドレスCMS向けフロントエンドデザインツール

TeleportHQは、コーディングのスキルがなくても美しいウェブサイトを簡単に作成・公開できる、ローコードのフロントエンドエディターです。

プラットフォーム上で要素をドラッグ&ドロップして好みのレイアウトを作成し、テキスト、画像、動画などを追加できます。
TeleportHQプラットフォームのイラスト
Contentful CMSのイラスト
Contentfulとは

ヘッドレス・コンポーザブル・コンテンツプラットフォーム

Contentfulは、フロントエンドと切り離してコンテンツを管理できるヘッドレスCMSです。

好きなテクノロジーを使って柔軟にウェブサイトを構築しながら、コンテンツを一元管理できます。
使い方

ContentfulとTeleportHQでヘッドレスプロジェクトを作成

1.

Teleportでレイアウトを構築:  ドラッグ&ドロップエディターでウェブサイトを作成し、スタイルを設定

2.

Contentfulアカウントを設定する: Contentfulでコンテンツモデルを設定し、CMSデータベースを構築する

3.

接続を確立: API経由でプロジェクトをContentfulに接続し、すべてのデータをTeleportHQにインポートします

4.

データをマッピング: Contentfulのデータをテキストや画像などにマッピングして、動的なページを作成できます

5.

プロジェクトを公開: プラットフォームから直接、ヘッドレスプロジェクトをカスタムドメインにデプロイ

Contentful CMSでTeleportHQを使用する方法の画像

TeleportHQとContentfulで簡単にウェブサイトを開発

TeleportHQはContentfulとシームレスに連携し、開発チームを支援する直感的なドラッグ&ドロップエディターを使って、ヘッドレスCMSサイトのフロントエンドを構築できます。
動的なデータ取得の画像

動的データの取得

TeleportHQはContentfulからデータを自動的に取り込めるため、CMSで変更を加えるたびに自動更新される動的なウェブサイトを作成できます。
ヘッドレスシステムのメリットを示す画像

ヘッドレスシステムのメリット

この連携により、複数のチャネルへのコンテンツ配信や、使いやすいインターフェースでのコンテンツ管理など、ヘッドレスCMSのあらゆるメリットを活用できます。
簡単な編集を示す画像

簡単な編集

TeleportHQはドラッグ&ドロップで操作できるため、コーディングのスキルがなくても簡単に使えます。これにより、ヘッドレスCMSプロジェクトのフロントエンドをすばやく効率的に編集できます。
柔軟なカスタマイズの画像

柔軟なカスタマイズ

TeleportHQとContentfulを使えば、ニーズに合わせて高度にカスタマイズされたウェブサイトを作成できます。コンテンツモデル、テンプレート、再利用可能なコンポーネントを構築できます。
簡単に拡張できるメリットを示す画像

簡単に拡張

この連携を設定すれば、コンテンツをすべてContentfulに保存・管理できるため、あらゆるプロジェクトを簡単に拡張できます。また、新しいコンテンツを追加するたびに開発する必要もなくなります。
素早い公開のメリットを示す画像

すばやく公開

TeleportHQなら、環境を離れることなくカスタムドメインを簡単に設定し、プロジェクトを公開できます。ウェブサイト全体を一つにまとめる場所です。

TeleportHQとContentfulを組み合わせる理由

ヘッドレスウェブサイトのフロントエンドとバックエンドを再び連携

TeleportHQとContentfulは、コードを一切書かずに動的なウェブサイトを構築できる、強力なテクノロジーの組み合わせです。TeleportHQを使えば、美しいウェブサイトを簡単にデザインして公開できます。また、Contentfulを使えば、フロントエンドのフレームワークとは独立してコンテンツを管理できます。
ヘッドレスCMS連携の概要画像
Teleportで作成TeleportHQで作成