BACK

Full Stack

Blog

Blog

Learning Project with Next.js

Project combining frontend and backend in a modern blog application.

This project was built to practice a full-stack workflow focusing on:

  • authentication
  • protected routes
  • content CRUD
  • search
  • cache usage

Stack

  • Next.js 16 + React 19 + TypeScript
  • Convex (database, queries, mutations, and storage)
  • Better Auth
  • Tailwind CSS + shadcn/ui
  • React Hook Form + Zod

Features

  • Login and registration with email/password
  • Restricted routes for authenticated users
  • Post creation and listing with image upload
  • Detail page with comments
  • Text-based post search
  • Real-time presence on posts
  • Cache usage to improve read performance
  • Light/dark theme support