Astroインテグレーションを追加する #2

Astroインテグレーションにより、わずか数行のコードでプロジェクトに新しい機能や挙動を追加できます。自分でカスタムインテグレーションを書いたり、公式のインテグレーションを利用したり、コミュニティによって作られたインテグレーションを利用できます。

これが便利なのでインテグレーションを追加する。

追加するのは

• React

• Sitemap

• MDX

pnpm astro add react
pnpm astro add mdx
pnpm astro add sitemap

インストール時にインストールする内容と書き込む内容が表示されるのでどちらもYes(y)を入力して進めると、必要なライブラリをインストールしてくれたうえで設定ファイル(astro.config.mjs)に設定も書き込んでくれる。

あとTailwindcssを追加する。

pnpm astro add tailwind

こちらも自動で必要なディレクトリの作成やファル作成などもやってくれる。

ただsrc/layouts/Layout.astroに

---
import "../styles/global.css";
---

これを書き込むように言われるので指示に従って書き込む。

これで必要最低限のライブラリが整った。