Build large sites fast based on your Notion content with 11ty + NotionCMS. Featuring automatic collections!
Combining the dynamic capabilities of Notion with the efficiency of 11ty as a Static Site Generator (SSG), this integration offers a seamless approach to managing content and website structure. NotionCMS transforms how users create and organize content within their Notion database, allowing for automated page generation and efficient handling of website routes. As a result, building intricate website hierarchies becomes both intuitive and powerful, without the hassle of complex configuration.
Setting up this system is straightforward, requiring only minimal initial setup. The integration of Notion data directly into your website means that users can focus more on content creation rather than the underlying technical complexities. For those looking to expand their site’s functionality further, the option for advanced workflows with additional plugins and custom templating is a fantastic bonus.
Automatic Route Generation: Define your site’s routes within the Notion database, and watch as they automatically generate corresponding pages in 11ty without any extra configuration.
Effortless Collections: Child pages are automatically grouped into collections, simplifying navigation and content management as your site expands.
Minimal Setup: With just two variables to set in your .env file, you can quickly get started, making this ideal for developers of all skill levels.
Fast Builds: Thanks to NotionCMS caching, your builds are incredibly speedy, enhancing the overall user experience.
Seamless Content Management: All (non-draft) pages in Notion are built by default, ensuring your site is always up-to-date with the latest content.
Advanced SEO Capabilities: Leverage NotionCMS’s SEO core plugin to optimize your content and enhance discoverability, alongside the inherent advantages of using 11ty.
Tag-Based Collections: An upcoming feature that promises to further streamline content organization directly from Notion, making it easier to manage and access related content.
Minimalistic Design Approach: Build beautiful, modern sites with minimal styling requirements, thanks to the integration of modern normalize and Sakura for cleaner aesthetics.
