アルアカ - Arcadia Academia

フロントエンド開発者の間で急速に注目を集めているUIビルダー「V0」。 自然言語でUIを設計し、Reactコンポーネントを自動生成できるという革新的なツールです。 ただし、生成されたコードを活かすにはNext.jsなどのフレームワークが必要……と思われがちで、ペライチ（1ページだけの静的サイト）を作りたいだけなどの場合は、オーバーエンジニアリングに感じますよね。実はVite + React構成であれば、もっと軽量に、もっと高速にペライチのポートフォリオを公開できます。 今回は、V0で作ったUIをVite + React構成でポートフォリオとしてまとめる方法を紹介します。