Nextjs Templates & Themes Logo Nextjs Templates & Themes
NotionNext screenshot

NotionNext

Author Avatar Theme by Tangly1024
Updated: 22 May 2025
9415 Stars

使用 NextJS + Notion API 实现的，支持多种部署方案的静态博客，无需服务器、零门槛搭建网站，为Notion和所有创作者设计。 (A static blog built with NextJS and Notion API, supporting multiple deployment options. No server required, zero threshold to set up a website. Designed for Notion and all creators.)

Github Live Preview

Categories

React Tailwind Notion Headless ui Blog

Overview:

NotionNext is a static blog system designed for use with Notion and created using NextJS + Notion API, deployed on Vercel. It offers multiple theme options and encourages contributions from users. NotionNext aims to cater to Notion users and content creators seeking a simple and customizable blogging platform.

Features:

  • Built on NextJS + Notion API
  • Deployed on Vercel for easy hosting
  • Supports multiple theme options
  • Encourages user contributions for new themes
  • Easy setup for personal websites
  • Customizable with plugins
  • Powered by React-notion-x for rendering
  • Integration with various comment systems like Twikoo, Giscus, Gitalk, Cusdis, and Utterances

Installation:

To install NotionNext for your personal website or blog, follow these steps:

  1. Clone the repository:
git clone [repository-url]
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Customize the theme and content based on your preferences.

Summary:

NotionNext is a versatile static blog system that leverages NextJS and the Notion API for a seamless and efficient blogging experience. With support for multiple themes, easy deployment on Vercel, and various customization options, NotionNext is a user-friendly platform for Notion users and content creators looking to showcase their work effectively.