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などにデプロイ可能です

Deploy with Notro Connect

Roadmap

NotroTailは現在アルファリリースです。ロードマップはこちらで確認できます

安定したリリースのために、フィードバックをお寄せください

Special Thanks

NotroTail は下記のリポジトリから着想を得て開発されました