opakholis / bookshelf

my personal bookshelf to improve reading experience. built with Notion as databases!

my personal bookshelf

Always WIP

💻 Built with

This source of my personal bookshelf. It's built with following technologies:

• React – My frontend library of choice.
• Next.js – It's static site generation is amazing, especially when hosted on Vercel.
• react-notion & notion-sdk – Renders most of the content on the page. Notion as a CMS is super convenient.
• Tailwind: My favorite way of writting CSS nowadays.

🛠️ Local development

1. Install dependencies

yarn

2. Create .env file in root and add your variables

NOTION_API_KEY=secret_ixxxxxx
NOTION_BOOKS=
NOTION_BOOKMARKS=
NOTION_BOOK_SUGGESTIONS=

3. Run it locally

yarn dev

🗃️ Resources

Here for the databases template:

• Books
• Bookmarks
• Form Suggestions

Please consider to check out the Notion Docs for awesome knowledges.

🦄 Assets

• Icons - Phosphor
• Nav Logo - Flaticon
• 404 Illustrations - Story Set