静的サイトに特化したフロントエンドフレームワーク、Astroの使い方を実際に手を動かしながら学べるハンズオンです。
本ハンズオンは以下のチャプターに分かれています。
- Chapter 0: はじめる前に
- 環境構築しよう
- Astro内で使われている技術を知ろう
- JavaScript/TypeScriptについて学ぼう
- Chapter 1: Astroをはじめよう
- Astroを触ってみよう
- Astroの考え方を知ろう
- レイアウトを作ろう
- ページを作ってみよう
- Chapter 2: ブログ投稿を作ろう
- AstroとMarkdown
- Markdownでブログ記事を書こう
- コンテンツ管理をしてみよう
- Chapter 3: Astroをデプロイしてみよう
- トップページを完成させよう
- GitHub Pagesにデプロイしよう
本プロジェクトは野田地区・葛飾地区理大祭実行委員会においてプログラミング学習の一環として作成されたものです。
あくまでAstroで必要な考え方を学んだり、プログラムの書き方を体験することを目的としているため、いくつかの項目は詳細な説明を省いています。
画像部分はUnsplashを使用しています。ライセンスをご確認ください。
その他の項目はMIT