Launched
html2astroのアイコン

html2astro

HTMLプロジェクトをzipにしてこのアプリを通すだけで、さっとAstroプロジェクトに自動変換します!プロジェクトの立ち上がりにぜひ使ってみてください!

Visit Product
プロダクトの感想・意見はこのエリアに表示されます
アイキャッチ画像

どんなアプリ?

HTML・CSS・JavaScript だけで作ってきた Web サイトを Astro プロジェクトにリプレイスしたい。

そんな時にはこのサービスが有効です。

プロジェクトファイルを zip 形式にしてアップロードするだけで、
自動でタグを解析して、Astro 形式のプロジェクトに変換します!

html2astro の特徴

アップロードするだけで主に以下のことが行われます。

  1. 0 KB ファイルをスキップ
  2. head タグをチェックし、メタデータを自動配布: レイアウトでは共通、スロットではページ単位
  3. アセットを public/assets/{images,js,css,misc} にコピー
  4. headerfooter タグを解析して Header.astro/Footer.astro に展開

変換例

入力(zipにしてください)

出力結果(zipファイルで出力されます)

オプション

オプションではダウンロードするときのプロジェクト名を変更できたり、
もしアップロードする zip ファイルの中に 0KB のデータがあったら変換を止めたりすることができます。

また、Astro のバージョンを 4 もしくは 5 を選ぶことができ、
TypeScript対応(tsconfig.jsonを含むか否か)を選択することができます。

まとめ

リプレイスにあたって、大きく開発工数を削減し、スタートダッシュを切れるお手伝いができるプロダクトです。

ぜひ使ってみてください!

おことわり

このプロダクトはアップロードするだけで HTML を Astro に完璧に変換するわけではなく、あくまで最初の工数を削減する目的で作りました。
そのため、最終的なチェック・調整などのご対応はご自身の責任にて必ず実施するようお願いいたします。

Explore More
関連記事はありません。
Trends