About Auth Blog Platform

A full-stack web application where users register, authenticate with JWT, and manage personal blog posts behind a protected dashboard. The project consolidates earlier microservice experiments into a single Next.js codebase deployed on Netlify with MongoDB Atlas as the database.

MongoDB AtlasJWT + bcryptNext.js API RoutesDark / Light ThemeCI DeployFull Stack

Live demo

https://auth-blog-platform.netlify.app

Architecture

  • Frontend: Next.js 14 (Pages Router), TypeScript, Tailwind CSS, dark/light theme
  • API: Next.js API routes on Netlify (register, login, protected blog CRUD)
  • Database: MongoDB Atlas — database JS3-app, collections for users and blog posts
  • Auth: JWT bearer tokens, bcrypt password hashing (legacy MD5 still accepted for older accounts)

Operations

Production runs entirely in the cloud: Netlify serves the app and API, Atlas stores data. Environment variables (MONGODB_URI, JWT_SECRET, NEXT_PUBLIC_SITE_URL) are configured in the Netlify dashboard. Check /api/health for database connectivity status.

What I learned

  • End-to-end system design: UI, API, database, deployment, and CI
  • MongoDB Atlas networking, database users, and connection strings
  • JWT authentication flows and protected API routes
  • Migrating from Express microservices to unified Next.js API routes

Related repository

authentication-service — an earlier Express authentication exercise kept as a separate archive.

Source code

https://github.com/Elli2022/auth-blog-platform

← Back to home