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

TeleportHQ + Strapi:ノーコードで動的なWebサイトを構築

強力なヘッドレスCMSプラットフォームであるStrapiとTeleportHQを連携すれば、コードを書かずに動的なウェブサイトを作成できます。ドラッグ&ドロップビルダーとStrapiのデータを活用して、複雑で高品質なウェブサイトを構築しましょう。

画像
teleporthqとは

ダイナミックなウェブサイトデザインプラットフォームとビジュアルエディター

TeleportHQはローコードのウェブサイトビルダーです。コーディングの知識がない方でも、美しいウェブサイトを作成して公開できます。

TeleportHQのドラッグ&ドロップエディターを使えば、レイアウトを簡単に作成し、テキスト、画像、動画などの要素を追加できます。
要素を含むTeleportHQプラットフォームの画像
Strapi CMSプラットフォームの画像
STRAPIとは

完全にカスタマイズ可能なオープンソースのヘッドレスCMS

StrapiはヘッドレスCMSプラットフォームです。フロントエンドとは独立してコンテンツを管理できます。

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

TeleportHQとStrapiを使った動的なウェブサイト開発

1.

Teleportでレイアウトを作成:  ドラッグ&ドロップエディターを使ってウェブサイトをデザイン、構成し、プレースホルダーを追加できます

2.

Strapiアカウントを設定:  Strapiでコンテンツモデルを作成し、プロジェクト用のヘッドレスデータベースを構築しましょう

3.

接続を設定: APIを通じてプロジェクトをStrapiと連携し、Teleportで使用するすべてのデータをシームレスに転送します

4.

ページ上の要素にデータを連携: Strapiのデータをテキストや画像などのさまざまな要素に連携して、動的なページを設定できます

5.

プロジェクトを世界に公開: プラットフォームから直接、自分が所有するドメインにヘッドレスプロジェクトをデプロイ

CMS連携の使い方を示すイラスト

TeleportHQとStrapiを使った動的なウェブサイト開発

TeleportHQはStrapiとシームレスに連携し、ヘッドレスCMSプロジェクト向けの動的なウェブサイトデザインを作成できます。開発チームが魅力的なフロントエンドを構築できるよう設計された、直感的なドラッグ&ドロップエディターをご活用ください。
動的要素のメリットを示す画像

動的要素

TeleportHQを使えば、Strapiからデータを取得し、Strapi CMSプラットフォームで変更が行われるたびに自動で反映される動的なウェブページを生成できます。
ヘッドレスの力のメリットの画像

ヘッドレスの高い拡張性

この連携により、ユーザーはヘッドレスCMSの利点を活用し、複数のチャネルにコンテンツを配信するとともに、使いやすいインターフェースで管理できます。
使いやすいエディターのメリットを示す画像

使いやすいエディター

当社のプラットフォームにはドラッグ&ドロップ式のエディターが採用されており、コーディングスキルがない方でも簡単に利用できます。ヘッドレスCMSプロジェクトのフロントエンドを、すばやく効率的に編集できます。
強力なカスタマイズ機能の画像

強力なカスタマイズ機能

TeleportHQとStrapiを使えば、コンテンツモデル、テンプレート、再利用可能なコンポーネントを活用して、ニーズに合わせた高度にカスタマイズ可能な動的ウェブサイトを開発できます。
簡単なスケーリングのメリットを示す画像

簡単にスケール

この連携により、すべてのコンテンツをStrapi内で管理できるため、どのようなプロジェクトでも簡単に拡張できます。また、新しいコンテンツを追加するたびに開発作業を行う必要もありません。
迅速な公開のメリットを示す画像

すばやく公開

TeleportHQなら、カスタムドメインを簡単に設定し、プロジェクトを当社の環境内で直接公開できます。ウェブサイト全体をスムーズにまとめる中心的な場所として機能します。
TeleportHQとSTRAPIを組み合わせる理由

ヘッドレスCMSで、動的なウェブサイトを簡単に作成

TeleportHQとStrapiのパートナーシップは、コーディング不要で動的なウェブサイトを構築するための強力なソリューションです。TeleportHQを使えば、魅力的なウェブサイトを簡単にデザインして公開できます。また、Strapiはフロントエンドフレームワークから切り離されたシームレスなコンテンツ管理を実現し、動的なウェブサイトのデザインを支援します。
ヘッドレスCMS連携の概要を示す画像
Teleportで作成TeleportHQで作成