Repolode
Submit
notionnext-org

notionnext-org/NotionNext

Turns a Notion workspace into a customizable public website for blogs, portfolios, docs, and landing pages, built on Next.js and the Notion API.

Open-source alternative to:Notion SitesSuper.soPotion

View on GitHubWebsite
Stars
11,871
Forks
14,707
Open issues
24
Last commit
18 hours ago

What is it?

NotionNext is an open-source site system built on Next.js and the Notion API. You keep writing and organizing posts, categories, tags, menus, and pages in Notion, and NotionNext publishes them as a public website with SEO, sitemap, RSS, and search support.

The project ships with 26 built-in themes covering blogs, documentation sites, portfolios, product landing pages, photo galleries, and navigation sites. Deployment targets include Vercel and Zeabur, and no self-hosted server is required. Comment systems such as Giscus, Twikoo, Gitalk, Cusdis, and Utterances can be attached, along with analytics and custom domains.

Setup involves duplicating a Notion template, forking the repository, and connecting it to Vercel with a Notion page ID in the environment variables. Local development requires Node 22 and Yarn 1.

Key features

  • 01Publishes Notion pages, posts, and menus as a public website without a self-hosted server.
  • 02Includes 26 built-in themes for blogs, docs, portfolios, landing pages, and navigation sites.
  • 03Supports SEO, sitemap, RSS, and site search.
  • 04Integrates comment systems such as Giscus, Twikoo, Gitalk, Cusdis, and Utterances.
  • 05Deploys to Vercel or Zeabur, with custom domains and analytics.

Use cases

  • Running a personal blog while keeping all writing inside Notion.
  • Building a portfolio or personal brand site for designers or photographers.
  • Publishing a product landing page or SaaS homepage managed from Notion.
  • Turning a Notion knowledge base or team documentation into a searchable docs site.

Quick start

  1. 1

    Clone or fork the repository and open it locally

  2. 2

    Use Node 22 (Node 20 cannot install current dependencies)

    nvm use || nvm install
  3. 3

    Install Yarn 1 globally

    npm i -g yarn
  4. 4

    Install dependencies

    yarn
  5. 5

    Start the local development server

    yarn dev

Things to know

  • Requires Node 22; Node 20 cannot install current dependencies.
  • Content must be maintained in Notion, and the site needs a Notion page ID configured to run.

Topics

#notion#blog#nextjs#react#static-site#headless-cms#tailwindcss#vercel#zeabur

FAQ

What is NotionNext?
Turns a Notion workspace into a customizable public website for blogs, portfolios, docs, and landing pages, built on Next.js and the Notion API. NotionNext is an open-source site system built on Next.js and the Notion API. You keep writing and organizing posts, categories, tags, menus, and pages in Notion, and NotionNext publishes them as a public website with SEO, sitemap, RSS, and search support.
Is NotionNext free to use? What license does it have?
NotionNext is open source under the MIT license. Check the license terms before using it in commercial products.
Is NotionNext still maintained?
Actively maintained. The last commit to NotionNext was on Oct 21, 2026.
What can I use NotionNext for?
Running a personal blog while keeping all writing inside Notion. Building a portfolio or personal brand site for designers or photographers. Publishing a product landing page or SaaS homepage managed from Notion. Turning a Notion knowledge base or team documentation into a searchable docs site.
How do I install NotionNext?
Clone or fork the repository and open it locally Use Node 22 (Node 20 cannot install current dependencies): nvm use || nvm install Install Yarn 1 globally: npm i -g yarn Install dependencies: yarn Start the local development server: yarn dev
Where can I get NotionNext?
The source code and installation instructions are on GitHub: https://github.com/notionnext-org/NotionNext

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects