This is a simple tool to pretty-print your Notion notes with custom styles. I've taken some code from Samuel Kraft's Guide.
- Clone this repo to your machine:
git clone https://github.com/pasc4le/notion-pretty-print.git - Go to Your Notion Integrations and create a new integration. (This could be either an Internal or Public Integration)
- Get the NOTION_DATABASE_ID you want to use for Notion Pretty Print. Guide
- Share your database with the Integration: Open your database on Notion and click on the Share button, then select your integration.
- Create a
.envfile that contains your Integration Token and the Database ID.
NOTION_TOKEN=your_token
NOTION_DATABASE_ID=your_database_id- Build the nextjs webapp with
yarn build - Start the webapp with
yarn start
This project is deployable on vercel.com. Use this button for an easy start:
To use this tool you can open your local instance or your vercel project and search for a page on your notion database. If the page exists it should appear in the results, if for some reason it doesn't (Notion API seems a little bit weird) you can use the /notion endpoint to open a page by giving its link.
You did it 🎊! Here you have your custom-styled Notion page.
This application is also made to actually print the notes, you can use the browser's Print menu to do so.
Not all the Notion blocks are supported unfortunately, this is the complete support list:
| Block Name | Status |
|---|---|
| Text | ✅ |
| Sub-Page | 🚧 |
| To-do list | ✅ |
| Headings | ✅ |
| Table | ❌ |
| Bullet list | ✅ |
| Numbered list | 🚧 |
| Toggle | ✅ |
| Quote | ✅ |
| Link to Page | ❌ |
| Mention Person | 🚧 |
| Mention Date | 🚧 |
| Mention Page | 🚧 |
| Emojis | ✅ |
| Inline Equation | ✅ |
| Inline Code | ✅ |
| Child Databases (All Types) | 🔧 |
| Image | ✅ |
| Bookmark | ✅ |
| Video | 🔧 |
| Block Code | ✅ |
| Table of Contents | 🔧 |
| Breadcrumb | 🔧 |
| Any Embed | 🚧 |
Legend:
- ✅ Fully Supported
- 🚧 Partially Supported (Not Final)
- 🔧 Not yet implemented
- ❌ Not supported by Notion API
You can run it in development mode via yarn dev. It is slow (really slow), because of the real-time "translation" of the Notion's blocks.
Pull requests are well accepted
If you found something wrong with this tool, sumbit an issue :D