投稿をし忘れてました
気が重くて何もしなかった結果4日放置していたQiita君でした。
ちょっとやる気力が出たのでやります。
ポートフォリオになるサイトの公開をして義務感を強めよう
さて今回作成したサイトはこちらです。
見ての通り何もない状態なのでネットの海にぷかぷかと浮いたプラスチックごみみたいになってます。
きっと未来の僕がいい感じのサイトに仕上げてくれるでしょう。
Astroで環境の構築
さて今回使っていくのはAstroです。
ではまず npm create astro@latestを実行しましょう。
$ npm create astro@latest
Need to install the following packages:
create-astro@4.11.0
Ok to proceed? (y)
なんか実行していいんか？みたいなのでましたね。いいからセットアップして！！！
astro Launch sequence initiated.
dir Where should we create your new project?
ディレクトリどうする？的なやつですね。適当に入力しましょう。
tmpl How would you like to start your new project?
テンプレート使う？なんもないの使う？みたいなこと聞いてくるのでminimal starterで
deps Install dependencies?
...
git Initialize a new git repository?
...
この辺りはとりあえずイエスで。依存関係とかgitとか細かく設定したい人はするといいです。
✔ Project initialized!
■ Template copied
■ Dependencies installed
■ Git initialized
next Liftoff confirmed. Explore your project!
完成したっぽいです。
Astroはいったんこれでいいかな。
この後は作成したディレクトリに移動してnpm run devとかすれば開発用サーバで見れるようになるので好きにするといいです。
後githubにもリポジトリ作ってpushしておきます。
Cloudflareで公開する。
公開のためのサーバーはCloudflareにします。
手順に従ってgithubと連携していきましょう。
gitに接続を押して必要なことを載せていったら
後はデプロイを待つだけ。
もっといろいろ触るようになってから細かい話ができればなと思います。
さて今回はここまで
とりあえずAstroのデフォページで公開までもってけたので次回はページの構成とか考えていこうと思います。
行き当たりばったりで進めていくのでどうなることやっ