Open2
Astroを使ってみる → Netlifyにデプロイしてみる
たきろぐAstro 使ってみる
- とりあえず作業ディレクトリを作った
~/program/sandbox/Astro/ - インストールした
npm create astro@latest
- いろいろ聞かれたけど、
~/program/sandbox/Astro/whole-windというところにプロジェクトのディレクトリを作ってくれた - プレビューを見るためには
npm run devをする - サイトが見れる (たぶん
http://localhost:3000/) - VS Code でプロジェクト (~/program/sandbox/Astro/) 開いて見てみるとソースがある
- ソースを改変した
index.astro - カードみたいなものを削除して、簡単なWebページにした
<Layout title="Welcome to Astro.">
<main>
<h1>Welcome to <span class="text-gradient">サンプル</span></h1>
<p class="instructions">
This is a test text.
</p>
</main>
</Layout>
- ここまでのWebページはこういうもの
たきろぐAstroで作ったサイトをGithubのprivate repositoryにpushし、Netlifyへデプロイする
- 公式サイトドキュメント: https://docs.astro.build/ja/guides/deploy/netlify/
- ちゃんとしたやり方は分からない（ドキュメントは未翻訳）
- Netlifyにデプロイできるように追加でインストールする
- いろいろ聞かれた気がするけど無視した（gitにpushするか新しくつくるか選べ、みたいな選択肢だった気がする）
- 他にも手動でインストールできるっぽい
npm install @astrojs/netlify
- まずはgithubにレポジトリをつくり、とりあえず全部突っ込んでpushした
git init
git add .
git commit -m "first commit"
# 後はpushする
- Netlifyとgithubを接続し、上で作ったレポジトリをnetlifyから見れるように設定する
- New siteで上のレポジトリを入れてデプロイしてもらう
- 出来たURL(消してるかもしれない)
- 上の空サイトがデプロイできた