v0から​HubSpotへ。​コンポーネントを​HubLモジュールに。

v0は、プロンプトからUIを作るVercelのツールで、本番環境で使えるReactコンポーネントを生成します。transjtは、そのワークフローの先を受け持ちます。コンポーネントをGitHubに同期すれば、transjtが自動でネイティブなHubLモジュールに変換します。

静的エクスポートなら使えます。v0の標準は、サーバーコンポーネントを使うNext.jsのApp Routerですが、HubSpotはHubLをサーバーサイドでレンダリングし、transjtが変換するのはクライアント側でレンダリングするReactです。Next.jsを静的エクスポートに設定するか、SSRなしのReact + Viteの構成をv0に指示すれば、きれいに変換できます。すでにNext.jsで作っている場合も、コンポーネント自体はたいていそのまま移せます。取り除く必要があるのはサーバー層です。

はい。v0はVercelのツールで、Vercelにデプロイしたプロジェクトも同じ流れで進みます。リポジトリをGitHubにプッシュすれば、transjtがReactのフロントエンドをネイティブテーマに変換します。コードがv0のプロンプトから生まれたものでも、手で書いたものでも、VercelからHubSpotへの移行は同じ変換です。

はい。だからこそtransjtは、サイトを埋め込まずに変換します。transjtは編集できるフィールドを備えたHubLモジュールを出力するので、テキスト、画像、レイアウトは、誰もReactのソースに触れることなく、HubSpotのドラッグ＆ドロップエディターで編集できます。

はい。transjtはTailwindの設定を解決し、コンパイル済みのスタイルをHubLテンプレートと一緒に出力するので、余白、タイプスケール、コンポーネントのバリアントは、v0のプレビューと同じように表示されます。

v0のプロジェクトをGitHubに同期すれば、ページ数にもよりますが、transjtは通常数時間で、公開できるHubSpotテーマを用意します。