Blog App

Blog App

View LiveSource Code

Built with

NextjsClerk AuthPrismaCloudinaryShadcn UIZodMarkdown Editor

Modern Blog Platform 📝

Full-Stack Content Management System

A feature-rich blogging ecosystem designed for seamless content creation and community interaction. Built on the modern Next.js App Router, it leverages Server Actions for a zero-API architecture, ensuring high performance and type safety from the database to the client.

🚀 Key Features

✍️ Markdown Content Creation

  • Advanced Editor: Integrated @uiw/react-md-editor for a robust Markdown writing experience with live preview capabilities.
  • Media Management: Seamless image uploads and optimization pipeline powered by Cloudinary.
  • Full CRUD: Users have complete control to create, update, and delete their stories instantly.

💬 Community & Engagement

  • Social Interaction: Built-in commenting system and "Like" functionality to foster reader engagement.
  • Smart Discovery: Real-time search functionality allowing users to filter blogs by title or content keywords.

⚡ Performance & Architecture

  • Server Actions: Utilized Next.js Server Actions for direct backend logic execution, eliminating the need for separate API routes.
  • Type-Safe Data: End-to-end type safety using Zod for schema validation and Prisma ORM for database interactions.
  • Responsive Design: A mobile-first UI built with ShadCN UI ensuring accessibility across all devices.