This is a work in progress project based on Nuxt 3, Tailwind CSS and Notion API
You can see the demo here.
NOTION_API_TOKEN=your_notion_integration_token
NOTION_POST_DATABASE=your_notion_posts_database
Title | Description | Category | Author | Date | Visible |
---|---|---|---|---|---|
type: Key |
type: Text |
type: Multi-select |
type: Person |
type: Date |
type: Checkbox |
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 |