title |
description |
i18nReady |
tableOfContents |
editUrl |
next |
banner |
hero |
はじめに |
Astroの基本的な紹介です。 |
true |
false |
false |
false |
|
title |
tagline |
actions |
facepile |
Astro Docs |
Astroを使ってサイトを構築するためのガイド、リソース、APIリファレンス。 |
text |
icon |
link |
variant |
はじめる |
rocket |
/ja/install-and-setup/ |
primary |
|
text |
icon |
link |
Astroの特徴について学ぶ |
right-arrow |
/ja/concepts/why-astro/ |
|
|
tagline |
linkText |
link |
AstroとOSSコントリビューターにより支えられています。 |
参加しましょう! |
/ja/contribute/ |
|
|
import { CardGrid } from '@astrojs/starlight/components'
import Card from '/components/Landing/Card.astro'
import ListCard from '/components/Landing/ListCard.astro'
import SplitCard from '/components/Landing/SplitCard.astro'
import Discord from '/components/Landing/Discord.astro'
ブログやポートフォリオ、ドキュメント、ランディングページ、SaaS、マーケティング、ECサイトなどに対応した[Astroのスターターテーマ](https://astro.build/themes/)を探索してみましょう!
入門用の[ブログを作るチュートリアル](/ja/tutorial/0-introduction/)を通じて、基本を学びながら最初のAstroサイトを作成しましょう。
```sh
# npmで新しいプロジェクトを作成する
npm create astro@latest
```
[インストールガイド](/ja/install-and-setup/)には、CLIウィザードによるAstroのインストール、既存のAstro GitHubリポジトリからの新しいプロジェクトの作成、Astroの手動インストールについて、ステップバイステップの手順が記載されています。
- [Astroの主な特徴](/ja/concepts/why-astro/)
- [アイランドアーキテクチャ](/ja/concepts/islands/)
- [Astroコンポーネント](/ja/basics/astro-components/)
- [Astroテンプレートの構文](/ja/basics/astro-syntax/)
- [ReactやTailwindのインテグレーションを追加する](/ja/guides/integrations-guide/)
- [型安全なコンテンツコレクションを作成する](/ja/guides/content-collections/)
- [ビュートランジションでナビゲーションを強化する](/ja/guides/view-transitions/)
- [ヘッドレスCMSをプロジェクトにつなげる](/ja/guides/cms/)