Inspired by and it’s building journey

Building Journey

When I was building a blog site for myself, I ran into a lot of frustrating issues. Databases were expensive, complex to deploy, and overkill for a simple site. The existing CMS platforms weren’t great either:

• Customizing text and formatting was clunky.
• Adding content wasn’t visually appealing.
• It was hard to preview how the content would look on the site.

That’s when I thought: why not use Notion? It had everything I needed—a clean interface, powerful editing tools, and easy content management.

I started looking into ways to use Notion as a CMS and database. I found some libraries and packages, but they weren’t great:

• They threw a lot of errors and missed support for many Notion blocks.
• They used outdated versions of Next.js and React.
• They weren’t maintained anymore.

Even paid options had the same problems, so I decided to build my own solution.

I rebuilt the project from scratch four times. Each time, I added new features and found better ways to write the code. Now, this version of NoNex is the most polished and reliable one yet.

Inspired By

NoNex is inspired by some amazing tools and libraries:

• NotionYour connected workspace for wiki, docs & projects | Notion :
  

  Your connected workspace for wiki, docs & projects | Notion

  A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.

  Notion

  For its user-friendly interface and editing capabilities.

• Start building with the Notion API
  

  Start building with the Notion API

  Connect Notion pages and databases to the tools you use every day, creating powerful workflows.

  https://developers.notion.com/

  For making it easy to connect to Notion.

• vercelNext.js by Vercel - The React Framework
  

  Next.js by Vercel - The React Framework

  Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications.

  vercel

  For its modern web development features.

• shadcnshadcn/ui
  

  shadcn/ui

  Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

  shadcn

  For cn utility for managing conditional Tailwind class names. With cn .

• Notion Kit Test Suite
  

  Notion Kit Test Suite

  React Notion X Demo

  https://react-notion-x-demo.transitivebullsh.it/

  For showing Notion can be used as a CMS.

These tools shaped NoNex.