About
NotroTailについて。Notion × Astroで作るブログの紹介ページ。
このサイトについて
NotroTail は Notion をコンテンツ管理システム（CMS）として使い、Astro 5 で高速な静的サイトを生成するテンプレートです。
技術スタック
| 技術 | 役割 |
|---|---|
| Notion | コンテンツ管理 |
| Astro 5 | 静的サイトジェネレーター |
| TailwindCSS 4 | スタイリング |
| notro | Notion → Astro ローダー |
特徴
- 高速 — 静的生成により First Contentful Paint が最速クラス
- SEO対応 — サイトマップ・メタタグを自動生成
- Notion記法をフル活用 — コールアウト、トグル、数式、カラム、カラーに対応
- 画像最適化 — Astro の Sharp サービスで WebP 変換・リサイズ
始め方
git clone https://github.com/mosugi/notro-tail
npm install
cp .env.example .env # NOTION_TOKEN, NOTION_DATASOURCE_ID を設定
npm run dev