Nextjs Notion Blog Starter

Theme by Tuanphungcz

|

Updated: 7 Feb 2024

|

205 Stars

Notion-powered blog starter with @vercel and @tailwindcss

Categories

Overview

The blogfolioNextjs Notion Blog Starter is a Next.js framework project designed to help users easily set up and deploy their own blog. It includes features such as simple analytics, newsletter subscription integration, automatic OG social images, optimized page speed, and more. The project is built with Next.js, Typescript, Tailwind CSS, and utilizes the Notion API, Convertkit for newsletter services, and Vercel for deployment.

Features

• Setup takes only a few minutes with a single file configuration.
• Newsletter subscription functionality via the Convertkit API.
• Simple analytics integration with Umami.
• Automatic generation of OG social images using a Tailwind template.
• Automatic creation of pretty URLs.
• Excellent page speed performance.
• Optimized for use with Next.js and Vercel.

Installation

To run the blogfolioNextjs Notion Blog Starter locally, follow these steps:

1. Create a .env file similar to .env.example and include the appropriate keys.

Running Locally

To start the project locally, use the command:

npm run dev

Deploy to Vercel

To deploy the project with Vercel, follow their deployment process.

Summary

The blogfolioNextjs Notion Blog Starter is a comprehensive Next.js project designed to streamline the process of setting up and deploying a blog. With features such as easy installation, newsletter subscription functionality, analytics integration, and automatic image and URL generation, this starter provides a robust solution for users looking to create their own blog quickly and efficiently.