DP
DHRUV PATEL
AI & DATA SCIENCE · GEC RAJKOT
STATUS
● ONLINE
DATE
VERSION
v 2.6
SYSTEM BOOT PROGRESS0%
INITIALIZING SYSTEMS...
PORTFOLIO v2.6
Back to Projects
Web DevelopmentFeatured Project

TechBlog — Full Stack Blog Platform

A production-ready, full-stack CMS and blog platform built with Next.js 15, Prisma, and PostgreSQL. Features a TinyMCE editor, admin panel, nested comments, SEO tools, and dark mode.

Interactive Showcase Gallery (3 Slides)

TechBlog — Full Stack Blog Platform - Platform Feed
Slide 1 of 3

Platform Feed

Project Specifications

CategoryWeb Development
Statuscompleted
Author / ArchitectDhruv Patel

Ready to explore this project in action?

Check out the live interactive deployment or inspect the full source code on GitHub.

Technologies Used

Next.js 15React 19JavaScriptPrisma ORMPostgreSQLNextAuth.jsTailwind CSS 4TinyMCEPrism.jsReact MarkdownFramer MotionReact Hook FormZodbcryptjsNodemailerHeadless UITurbopack

About The Project

TechBlog is a self-hosted, full-featured Content Management System (CMS) built for developers, tech writers, and content creators. It goes far beyond a simple blog — it is a complete editorial platform with a public reader experience and a powerful admin backend.

The public side includes a homepage with featured and trending posts, advanced blog listing with real-time search and debouncing, individual post pages with reading progress, table of contents, and social sharing. Posts support both HTML (via TinyMCE WYSIWYG editor) and Markdown rendering with Prism.js code syntax highlighting.

The admin panel includes a full dashboard with analytics, post management (create, edit, schedule, publish), user management, comment moderation, category and tag management, file upload management, and a contact form inbox.

The database schema is built with Prisma ORM on PostgreSQL, with separate tables for users, admins, posts, categories, tags, nested comments, and likes. The Admin model includes brute-force protection via loginAttempts and lockedUntil fields. An interactive setup wizard (npm run setup) and seed scripts make onboarding frictionless.

SEO fields (seoTitle, seoDescription, seoImage, metaKeywords) are baked into the Post model. Dark mode and system preference detection are built in. Turbopack is used for fast dev builds.

Key Features & Architecture Highlights

Full CMS admin panel: post management, user management, comment moderation

TinyMCE WYSIWYG editor with Markdown dual-mode content support

Nested comments system with approval moderation and like support

SEO-optimized post model with meta fields, structured data, and sitemaps

NextAuth.js authentication with bcrypt password hashing

Admin brute-force protection with login attempt tracking and account lockout

Prisma + PostgreSQL with full migration history and Prisma Studio support

Interactive environment setup wizard and database seed scripts

Dark mode with system preference detection and Turbopack fast builds

Interested in building something extraordinary?

Whether you have an ambitious AI project, full-stack application, or collaboration in mind, I'd love to connect.