Hey, It’s Harsh here.
About this Project:
Notion is a powerful all-in-one workspace and a productivity tool that provides features for creating notes and serves as a comprehensive productivity tool for users all across the world.
As I continued to use Notion, I found that it also provides features of a Database in same interface. So, I started exploring documentation and resources provided by Notion for Developers. There are very few resources available to actually use, integrate, and modify those features.
Currently there are several Notion website builders available, which give superpowers to Notion pages. These website builders use your Notion databases as a CMS (Content Management System), and people are actually selling Notion-powered websites as it is easy to manage and provide an amazing UI.
Noticing the growing popularity of Notion-powered websites and such paid Website Builders, I decided to create my own platform.
Tech-Stacks:
The entire website is created using Next.js 14, which provides client and server rendering, advanced routing, nested layouts, and comes with built-in optimization. The language I’ve used is TypeScript, as it is robust and strongly typed. TypeScript gives scope for Scalability and Code Maintainability.
Functions / Features:
- Real-time synchronization: Changes made on Notion pages reflect instantly on the website.
- Custom-styled web pages
- Super-fast loading speed
- SEO Optimized
- Secure with password protection on Notion pages.
Use Cases:
From landing pages and resource centers to personal blogs, resumes, design portfolios, and knowledge bases, this website adapts to your specific needs.
Challenges faced while creating:
Updating content and site generation with Next.js, and the second was to update my site with new and updated content.
For that, I used the Incremental Static Regeneration (ISR) feature of Next.js and integrated this with my script so whenever I run the script, it:
- Fetches data from Notion,
- Compares and updates with the existing page.
Made by Harsh in Gujarat, India.