
Built with the bleeding edge of the React ecosystem: Next.js 16, React 19, and Tailwind CSS v4.
- Smart Drafting: Generate full blog posts from a simple title using Google Gemini.
- Content Improvement: Fix grammar, expand text, or simplify complex technical jargon instantly.
- Contextual Help: AI assistant integrated directly into the rich text editor.
- Rich Text Experience: Powered by
react-quill-new, supporting code blocks, quotes, and formatting. - Auto-Save: Real-time draft saving to prevent data loss.
- Scheduling: Schedule posts for future publication.
- ImageKit Integration: High-performance image CDN and storage.
- AI Transformations: Real-time Background Removal, Smart Cropping (Face/Object detection), and Drop Shadows.
- Drag & Drop: Seamless upload experience with file validation.
- Reactive Database: Powered by Convex for instant updates across clients.
- Social Graph: Real-time Follow/Unfollow system, Likes, and Comments.
- Live Dashboard: Watch view counts and engagement metrics update live without refreshing.
Core Framework
- Next.js 16 (App Router)
- React 19
- TypeScript
Styling & UI
- Tailwind CSS v4
- Shadcn UI (Radix Primitives)
- Lucide React (Icons)
- Tw-animate-css
Backend & Data
AI & Media
To run this project, you will need to add the following environment variables to your .env.local file:
# --- Deployment ---
CONVEX_DEPLOYMENT= # Generated by npx convex dev
NEXT_PUBLIC_CONVEX_URL= # Generated by npx convex dev
# --- Authentication (Clerk) ---
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_...
CLERK_SECRET_KEY=sk_test_...
CLERK_JWT_ISSUER_DOMAIN=...
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
# --- AI (Google Gemini) ---
GEMINI_API_KEY=I-use-gemini-pro-api-customize-this-api-key-accourding-to-you...
# --- Media (ImageKit) ---
NEXT_PUBLIC_IMAGEKIT_URL_ENDPOINT=[https://ik.imagekit.io/your_id](https://ik.imagekit.io/your_id)
IMAGEKIT_PUBLIC_KEY=public_...
IMAGEKIT_PRIVATE_KEY=private_...