
どんなアプリ?
HTML・CSS・JavaScript だけで作ってきた Web サイトを Astro プロジェクトにリプレイスしたい。
そんな時にはこのサービスが有効です。
プロジェクトファイルを zip 形式にしてアップロードするだけで、
自動でタグを解析して、Astro 形式のプロジェクトに変換します!
html2astro の特徴
アップロードするだけで主に以下のことが行われます。
- 0 KB ファイルをスキップ
head
タグをチェックし、メタデータを自動配布: レイアウトでは共通、スロットではページ単位- アセットを
public/assets/{images,js,css,misc}
にコピー header
、footer
タグを解析して Header.astro/Footer.astro に展開
変換例
入力(zipにしてください)
出力結果(zipファイルで出力されます)
オプション
オプションではダウンロードするときのプロジェクト名を変更できたり、
もしアップロードする zip ファイルの中に 0KB のデータがあったら変換を止めたりすることができます。
また、Astro のバージョンを 4 もしくは 5 を選ぶことができ、
TypeScript対応(tsconfig.jsonを含むか否か)を選択することができます。
まとめ
リプレイスにあたって、大きく開発工数を削減し、スタートダッシュを切れるお手伝いができるプロダクトです。
ぜひ使ってみてください!
おことわり
このプロダクトはアップロードするだけで HTML を Astro に完璧に変換するわけではなく、あくまで最初の工数を削減する目的で作りました。
そのため、最終的なチェック・調整などのご対応はご自身の責任にて必ず実施するようお願いいたします。