bolt.newからWordPressへ

bolt.newから​WordPressへ。​サンドボックスの​外へ。

bolt.newでフルスタックアプリを作りましたか? bolt.newからWordPressへの変換は、transjtが自動で行います。ブラウザの中で作ったサイトがStackBlitzのWebContainerを離れ、自分で管理するホスティング上のネイティブテーマになります。

プレビュー後にお支払い

transjtのブロックで作られたホームページを表示したWordPressのブロックエディター。横にはブロックの一覧が並んでいます

代理店、フリーランス、マーケティングチームに選ばれています

変換すべきとき

bolt.newを​WordPressに​変換すべきとき

bolt.newのプロジェクトを、作った場所に置いたままにせず、WordPressへ移す6つの場面。

  • まだブラウザのタブの中にある

    bolt.newはプロジェクトをWebContainerの中で動かします。改良を重ねている間は、これがとても便利です。その成果物でビジネスを運営するために、transjtはコードを、一般的なホスティングにインストールできるWordPressテーマに変換します。StackBlitzが動き続けることに依存するものは、何もなくなります。

  • フルスタックを生成させたが、必要なのはフロントエンドだけ

    bolt.newは、ほとんどページを表示するだけのサイトにも、APIルートやデータベース層を気前よく生成します。WordPressに変換すれば、デザインしたインターフェースはそのままに、コンテンツの保存、ユーザー、フォームは、もともとそれらを扱えるWordPressに任せられます。

  • 標準のデプロイ先は、使い続けたい場所ではない

    bolt.newは、標準でNetlifyにデプロイする設定になっています。組織がWordPressで動いているなら、請求もログインも別のプラットフォームが1つ増えることになります。transjtなら、同じサイトを、すでに運用しているCMSへ移せます。

  • プロトタイプが承認された

    アイデアを見せるために作ったものを、今度は公開しなければなりません。transjtは、作り直すことなく、そのプロトタイプを本番用のテーマにします。承認された後に、プロジェクトを一からやり直す必要はありません。

  • マーケティングは再デプロイを待てない

    bolt.newのアプリでは、見出しを変えるにも、コードを編集して公開し直す必要があります。WordPressテーマなら、その文章はエディターの中にあり、書いた本人が直接直せます。

  • WordPressのプラグインのエコシステムが必要

    WordPressには、多言語対応、会員機能、SEOツール、同意管理のプラグインがすでにあります。プロンプトで作ったアプリでは、そのどれもが個別開発です。変換すれば、bolt.newのデザインでWordPressのプラグインをすべて使えます。

計算してみる

bolt.newで​いくつの​コンポーネントを​作りましたか?

transjtでサイトを公開

費用を節約
$8,100*
時間を節約
81時間*手作業で10.1作業日
すぐに結果が出る
1.5〜3時間*テーマ全体で
無料で始める

*手作業でReactからWordPressへ移行する場合の時間をもとにした概算です。1コンポーネントあたり約4.5時間、時給$100、1日8時間で計算しています。transjtなら約1.5〜3時間で、リポジトリからテーマを構築します。

仕組み

bolt.newを​4ステップで​WordPressへ​エクスポート。

GitHubを経由して、bolt.newのプロジェクトからネイティブなWordPressテーマへ。

  1. bolt.newでプロンプトからサイトを作る

    フロントエンドが決まるまで、ブラウザで調整を重ねます。きれいに変換するには、bolt.newの出力を、サーバーサイドレンダリングなしのReactとViteの構成(またはNext.jsの静的エクスポート)に寄せてください。bolt.newはフルスタックの構成を提案してきますが、バックエンドをWordPressが担うなら不要です。

  2. プロジェクトをGitHubにエクスポート

    bolt.newは、エディターからリポジトリへ直接プッシュできます。このエクスポートでコードがWebContainerを離れ、transjtが読み込めるようになります。

  3. リポジトリをtransjtに接続

    transjtのプロジェクトでGitHubを認可し、リポジトリを選択します。transjtはコンポーネントツリーを読み取り、どの部分をPHPテンプレートにし、どの部分を編集できるコンテンツ領域にするかを判断します。

  4. WordPressへエクスポート

    WordPressを選び、プレビューを確認します。確定すると、transjtがテーマフォルダーを生成するので、WordPressの管理画面からアップロードします。テーマは自社管理のホスティングで動き、プロトタイプを作った環境には依存しません。

お客様の声。

アーティストのアトリエで机に向かう男性お客様
“We’d seen plenty of tools promise magic for page and theme creation, but they always under-delivered. Transjt proved to be the exception.”
KevinThinkFuel
  • 95–99%完成コードの割合(構成の整ったファイルの場合)
  • ∞取り込めるAIビルダー(Figmaにも対応)
  • 2ネイティブ対応のCMS:HubSpotとWordPress
  • 1クリックでエクスポート。数分後にはテーマがアカウントに届きます
得られるもの

bolt.newで​作ったサイトを​WordPressへ​移しませんか?

bolt.newから変換したWordPressテーマの中身

WordPressがWebで大きなシェアを持つ理由は2つあります。インストールが自分のものであること、そして、本来なら自分で作らなければならないものの大半を、プラグインのエコシステムがすでにカバーしていることです。ただし、WordPressはReactアプリをそのまま受け付けません。まず開発者が、コンポーネントをPHPテンプレートに書き直す必要があります。transjtはこの書き直しを自動化するので、ブラウザでプロンプトから作ったプロジェクトが、自分のサーバーで動くテーマになります。

FAQ

bolt.newから​WordPressへの​FAQ。

bolt.newのプロジェクトをWordPressテーマに変換する前に知っておきたいこと。

デモを予約
  • bolt.newは、ブラウザの中でプロジェクトを作ってプレビューし、GitHubにエクスポートします。transjtはそのリポジトリを読み込み、フロントエンドをネイティブなWordPressテーマに変換します。これで、プロジェクトがサンドボックスのプレビューから、自社管理のホスティング上のサイトになります。

  • いいえ。変換が済めば、テーマはお使いのホスティングで動く普通のWordPressのコードです。次の改訂をデザインするのにbolt.newは引き続き役立ちますが、公開中のサイトがStackBlitzのインフラに依存する部分はありません。

  • 引き継がれませんし、通常は引き継ぐべきでもありません。transjtが変換するのはフロントエンドで、コンテンツの保存、ユーザー、フォームはWordPressが標準で備えています。プロジェクトにどうしても独自のサーバー処理が必要なら、それはテーマの一部ではなく、別のアプリケーションとして残ります。

  • サーバーサイドレンダリングなしの、ReactとViteの構成か、Next.jsの静的エクスポートを指示してください。そうしないとbolt.newはフルスタックのアプリを用意するので、変換の前にサーバー層を取り除く必要があります。フロントエンドのコンポーネント自体は、どちらの場合も移せます。

  • はい。更新したプロジェクトを同じGitHubリポジトリにプッシュし、transjtをもう一度実行してください。チームがWordPress内で編集したコンテンツはデータベースに保存されており、再変換後もそのまま残ります。

  • プロジェクトをGitHubにエクスポートすれば、ページ数にもよりますが、transjtは通常数時間で、公開できるWordPressテーマを用意します。

今日​デザインして、​明日​公開。

transjtでは一秒一秒が大切です。だから私たちの使命はシンプル。あなたの時間を節約し、ワークフローの手間をなくすことです。