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