2024Next.jsTailwindMongoDBcloudinary

BlogForgeyour blogging workspace

BlogForge is a full-featured blogging platform where writers can create, edit, and publish rich content with a clean editor. It supports image uploads via Cloudinary, user authentication, and a responsive reading experience.

blog-forge-weld.vercel.app
BlogForge screenshot
#

Key Features

  • 01Rich text editor with image upload support
  • 02User authentication and protected routes
  • 03Cloudinary integration for media storage
  • 04Responsive reading layout with dark mode
  • 05MongoDB-backed post and user management
#

Key Challenge

Implementing real-time image upload with progress feedback while keeping the editor state in sync was the trickiest part. Solved it by decoupling the upload flow from the editor using a custom hook.

Built with

Next.jsTailwindMongoDBcloudinary