# notionnext-org/notionnext

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/notionnext-org-notionnext).**

11,549 stars · 14,645 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/notionnext-org/NotionNext
- Homepage: https://notionnext.tangly1024.com
- awesome-repositories: https://awesome-repositories.com/repository/notionnext-org-notionnext.md

## Topics

`blog` `nextjs` `notion` `react` `tailwindcss` `vercel` `zeabur`

## Description

NotionNext is a static site generator and blog engine that transforms Notion workspace pages into public websites. It functions as a cloud-deployed content management system using the Next.js framework to render data fetched from the Notion API.

The system utilizes a template-based layout system to map page categories to predefined visual themes. This allows for the creation of portfolios and blogs where the visual appearance is separated from the content structure.

The platform includes automated search engine optimization through metadata-driven sitemap and HTML tag generation. It supports serverless cloud deployment and integrates with third-party services for analytics, comments, advertisements, and email subscriptions.

## Tags

### Web Development

- [Static Site Generators](https://awesome-repositories.com/f/web-development/static-site-generators.md) — Transforms external Notion data into a fast, public-facing static website.
- [Next.js Development](https://awesome-repositories.com/f/web-development/next-js-development.md) — Utilizes the Next.js framework to render API-driven content into a high-performance web application.
- [Search Engine Optimization](https://awesome-repositories.com/f/web-development/web-standards/search-engine-optimization.md) — Improves web visibility through automated sitemap generation and metadata management. ([source](https://github.com/notionnext-org/notionnext#readme))

### Content Management & Publishing

- [Cloud-Deployed CMS](https://awesome-repositories.com/f/content-management-publishing/cloud-deployed-cms.md) — Publishes Notion data to cloud hosting platforms as a complete content management solution.
- [Notion Blog Engines](https://awesome-repositories.com/f/content-management-publishing/notion-blog-engines.md) — Converts Notion categories and tags into a structured public blog with customizable layouts.
- [Notion Website Publishing](https://awesome-repositories.com/f/content-management-publishing/notion-website-publishing.md) — Turns Notion workspace pages and databases into a public website using the Notion API.
- [API-Based Generators](https://awesome-repositories.com/f/content-management-publishing/static-site-generators/api-based-generators.md) — Transforms Notion workspace pages into a static site using the Notion API.
- [Personal Portfolio Generators](https://awesome-repositories.com/f/content-management-publishing/personal-portfolio-generators.md) — Enables the creation of professional portfolios and blogs powered by a Notion backend.
- [Search Engine Optimization](https://awesome-repositories.com/f/content-management-publishing/search-engine-optimization.md) — Automatically creates sitemaps and HTML meta tags based on page properties to improve search engine indexing.
- [Template Category Mappers](https://awesome-repositories.com/f/content-management-publishing/template-category-mappers.md) — Maps Notion page categories to predefined visual layout templates.

### Data & Databases

- [CMS Content Fetching](https://awesome-repositories.com/f/data-databases/remote-data-fetching/cms-content-fetching.md) — Retrieves page data from a remote Notion workspace to populate the website frontend.

### Software Engineering & Architecture

- [Workspace Conversion](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/third-party-service-connectors/notion-integrations/workspace-conversion.md) — Transforms Notion pages, categories, and tags from a workspace into a public, searchable website. ([source](https://github.com/notionnext-org/notionnext#readme))

### DevOps & Infrastructure

- [Cloud Deployment Platforms](https://awesome-repositories.com/f/devops-infrastructure/cloud-deployment-platforms.md) — Publishes websites to managed cloud hosting environments to automate content delivery. ([source](https://github.com/notionnext-org/notionnext#readme))
- [Serverless Deployment](https://awesome-repositories.com/f/devops-infrastructure/serverless-deployment.md) — Supports deployment to event-driven cloud environments to eliminate dedicated backend server management.

### User Interface & Experience

- [Theme Management](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/theme-management.md) — Provides tools for switching between predefined visual themes for blogs and portfolios. ([source](https://github.com/notionnext-org/notionnext#readme))