Portfolio with Notion. This is a Next.js project with Notion API.

What is this?

This repo is my source code of my portfolio site, also an example of notion blog powered by Next.js and Notion API.

The design and structure might not be the best fit for you. You may focus on how I render the data into Next.js.

Completed guide is on Medium. Coming soon.

Getting Started

First create a .env.local with the following secrets.

NOTION_API_KEY="your_notion_api_key"
NOTION_DATABASE_ID="your_work_database_id"

Then, run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

To learn more about this project, take a look at the following resources:

Next.js Documentation - learn about Next.js features and API.
Learn Next.js - an interactive Next.js tutorial.
Getting started - Notion API - learn how to make your first API requests using the Notion API

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.