Notion + Astro + Tailwind CSS で構成されたCMSで、コンテンツに集中しながらモダンなWebサイトを素早く作成できます
Features
🚀 コンテンツファースト
今見ているページもNotionで作られています。使いやすいインターフェースでコンテンツを作成し、Webサイトを構築できます。コーディングの知識は不要です
⚡️ 高いパフォーマンス
WebサイトはAstroによって静的なHTMLとして出力されるため、非常に高速でSEOにも最適化されます。個人のブログにもビジネス目的でも快適な体験を提供します
📷 画像の最適化
Notionで利用している画像は、Astro Assetsによりデバイスごとに最適化されたWebP形式のファイルで配信されます
🎨 モダンなスタイリング
TailwindCSSが提供するユーティリティが組み込まれており、モダンでレスポンシブなサイトを簡単に構築できます。tailwind.cssで定義済みのCSSを変更もできます
📚 テンプレート&フリーフォーマット
データベース形式のテンプレートからWebサイトを生成する方法のほか、特定のページからフリーフォーマットで作成することもできます
🔧 高度なカスタマイズ
ことに加えて、本来の使い方と同じ様にNotionでも直接ユーティリティを適用でき、コンテンツに近い箇所で見た目を定義できます。さらにHTMLも書けるため高度なカスタマイズが可能です
Quick Start
Notro Connect (Notion Public Integration) で、IDやTokenを自動的に設定し、数ステップでNetlifyなどにデプロイ可能です
Roadmap
NotroTailは現在アルファリリースです。ロードマップはこちらで確認できます
安定したリリースのために、フィードバックをお寄せください
Special Thanks
NotroTail は下記のリポジトリから着想を得て開発されました
- Next.js Notion Starter Kit
- 初めてNotionをベースとしてWebSiteを作るのに利用させてもらいました
- Astro Notion Blog
- Astroベースのブログを作るのに利用させてもらいました
- AstroWind
- デザインの参考にさせてもらいました