/nuxt-3-notion-blog

This is a work in progress project based on Nuxt 3, Tailwind CSS and Notion API

Primary LanguageVue

nuxt3-blog

Netlify Status

Description

This is a work in progress project based on Nuxt 3, Tailwind CSS and Notion API

You can see the demo here.

Stack

Environment variables setup

NOTION_API_TOKEN=your_notion_integration_token
NOTION_POST_DATABASE=your_notion_posts_database

Notion database template

Title Description Category Author Date Visible
type: Key type: Text type: Multi-select type: Person type: Date type: Checkbox

Notion compontents

Block type Status Comment
Heading 1
Heading 2
Heading 3
Toggle heading 1
Toggle heading 2
Toggle heading 3
Paragraph
Rich text
To-do list
Bullet list
Table
Toggle
Quote
Divider
Page link
Callout
Table of contents
Block equation
Image
Emoji
Bookmark
Synced block
User mention Works, just highlights the user
Code ✅🔨 Works without syntax highlighting - will implement something like highlight.js later
Numbered list 🔨
Subpage 🔨 It has to have the same properties as the parent article, will fix it later
Page mention 🔨 Works, but for articles - not for subpages
Date mention 🔨 Formatting still to do
Inline Equation 🔨 For now inline displays as a block - will fix it later
Video 🔨 To do
Audio 🔨 To do
File 🔨 To do
Embed 🔨 To do
Child database Not implementing
Breadcrumb Not implementing
Button Not implementing