Notion as your CMS. Astro as your site.

NotroTail fetches content from Notion via the Public API, renders it through a custom remark/rehype pipeline, and outputs a fast, SEO-optimized static site styled with TailwindCSS 4.

View Blog GitHub

Features

Notion Content Loader

Astro Content Collections backed by the Notion Public API. Incremental builds via last_edited_time cache invalidation.

Markdown Pipeline

Custom remark/rehype plugins for callouts, columns, toggles, table of contents, page links, and media embeds.

TailwindCSS 4

All Notion block types and colors map to nt-* utility classes. Fast, tree-shaken output.

Optimized Images

Custom Astro image service strips expiring Notion pre-signed S3 query parameters so cached images survive across builds.

Paginated Blog

Built-in paginated blog with tag and category filtering, all driven from your Notion database.

npm Library

The notro package is published to npm. Drop the loader and components into any Astro project.