withastro/astro

Webサイトを作るためのビルドツールで、軽量な出力を目指すと説明されています。

開発の材料要確認 · NOASSERTIONデザイン・UI コンポーネントTypeScript難易度
63,1310 保存
3,842フォーク10Issue
デモ・公式サイトをひらくastro.build

甘口 の解説

Astroは、Webサイトを作るためのビルドツールです。ビルドツールとは、書いたファイルを公開用のページに変換する道具のことです。READMEでは、開発のしやすさと軽量な出力を両立させることを目指すと説明されています。導入方法は2つあり、推奨の新規作成ではnpm create astro@latestを、手動導入ではnpm install astroを実行します。README には実行環境の詳しい条件は書かれていないため、案内されている Getting Started ガイドで確認するとよいでしょう。

こんなリポジトリです

こんなときに便利です

  • ブラウザーでサンプルを試したい人が、astro.newのstarterを開いて例を確認する。
  • 新しいWebサイトを始めたい人が、npm create astro@latestで雛形を作る。
  • 手動で導入したい人が、npm install astroでAstroを追加する。

主な機能

軽量な出力を目指すWebサイト構築npm create astro@latestによる新規作成React・Vue・MDXなどの公式統合パッケージ

このリポジトリの作り方

はじめてですか? むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。

準備するもの

  • 推奨の新規作成経路を選ぶ場合は、npm create astro@latestを実行します(この経路では必須)。
  • 手動で導入する経路を選ぶ場合は、npm install astroを実行します(この経路では必須)。

すぐに始める

README に記載された実行コマンドをそのまま示します。実行結果は確認していません。

推奨の方法:新規プロジェクトを作成する

  1. 新規プロジェクトを作成するコマンドを実行します。
npm create astro@latest

手動で導入する方法

推奨の方法とは別の経路です。どちらか一方を選んで実行します。

  1. Astro を手動でインストールします。
npm install astro

補足として、ローカルに導入せずブラウザーで例を確認する場合は、READMEに記載された https://astro.new/ を利用できます。

ギット飯トライで味見

入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。

ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。

npx gitbap-try withastro/astro

Node.js さえあれば、インストールなしで動きます · ギット飯トライとは? →

スター推移 · 7日

63,1317日間の増加数を計算するための比較データが不足しています

確認日時

使いやすさ · まねしやすいか

まねしやすいサンプル評点 42/100
  • ゆるいライセンス
  • テストあり
  • サンプル集
  • 最近の更新
  • AGENTS.md
  • llms.txt
  • テンプレート

最近の更新あり · 2021 年に作成

「デザイン・UI コンポーネント」 こういうリポジトリを毎週受け取りませんか?

毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。

自分のリポジトリですか? README にギット飯バッジを貼る
[![깃밥](https://www.gitbap.com/badge/withastro/astro.svg)](https://www.gitbap.com/r/withastro/astro)
Claude からそのまま使う — ギット飯のつなぎ方

ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。

方法 ① コネクタ URL

Claude の設定 → コネクタにこのアドレスを貼り付け。

https://www.gitbap.com/api/mcp
方法 ② プラグイン(試用まで)

プラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
つなぎ方をくわしく →

AI が README をもとに要約しました · 原文を見る