Harris Blog screenshot

Harris Blog

Author Avatar Theme by Harris91
Updated: 17 Feb 2025
14 Stars

A Static Blog Using Notion Database

Categories

Overview

The harris-bloginfo is a Next.js static blog that utilizes Notion as a Content Management System (CMS). It supports both blog format posts and page format for resumes. The blog can be deployed using Vercel. This blog allows users to easily write and update posts using Notion, without the need for committing to GitHub. It also offers features such as dynamic generation of Open Graph (OG) images for posts, sitemap creation, and customization through configuration. Plugins for Google Analytics, Google Search Console, and commenting using GitHub Issues or Cusdis are also supported.

Features

  • Writing posts using Notion: Allows users to easily write and update posts using Notion, without the need for committing to GitHub.
  • Use as a page for resume: Useful for generating full page sites using Notion, perfect for resumes, portfolios, etc.
  • SEO friendly: Dynamically generates OG images (thumbnails) for posts and creates a sitemap for posts.
  • Customizable and supports various plugins through CONFIG: Users can update their profile information through configuration (site.config.js). Plugins supported include Google Analytics, Google Search Console, and commenting using GitHub Issues (Utterances) or Cusdis.

Installation

To install the harris-bloginfo theme, follow these steps:

  1. Star the harris-bloginfo repository.
  2. Fork the repository to your profile.
  3. Duplicate the Notion template and share it to the web.
  4. Copy the web link and note the Notion Page Id from the link (in the format username.notion.site/NOTION_PAGE_ID?v=VERSION_ID).
  5. Clone your forked repository and customize site.config.js based on your preference.
  6. Deploy the blog on Vercel, making sure to set the following environment variables:
    • NOTION_PAGE_ID (Required): The Notion page Id obtained from the Share to Web URL.
    • GOOGLE_MEASUREMENT_ID: For Google Analytics Plugin.
    • GOOGLE_SITE_VERIFICATION: For Google Search Console Plugin.

Summary

The harris-bloginfo is a Next.js static blog theme that leverages Notion as a CMS, allowing users to easily write and update posts using Notion. It supports both blog format posts and page format for resumes, and can be deployed using Vercel. The theme offers features such as dynamic OG image generation, sitemap creation, and customization through configuration. It also supports various plugins including Google Analytics, Google Search Console, and commenting using GitHub Issues or Cusdis. Installing the theme involves forking the repository, duplicating the Notion template, customizing the configuration, and deploying on Vercel with the required environment variables. Overall, the harris-bloginfo theme provides a convenient and customizable solution for creating a static blog utilizing Notion as a CMS.