Vibe - social media platform

Very basic social media demo platform built with Next.js

Vibe - social media platform
Next.jsTypeScriptClerkPrismaPostgreSQLUploadThingTailwind CSSshadcn/ui

VIBE is a full-stack learning project built with Next.js using the App Router architecture. The goal of the project was to explore modern patterns used in production web applications and to gain hands-on experience with authentication, databases, and server-side logic. The application functions as a small social-style platform where users can create posts, interact with content, and engage with other users. Through building this project I focused on understanding the separation between Server and Client Components, working with server actions, and implementing a scalable backend using Prisma and PostgreSQL. VIBE also explores common real-world features such as user authentication, file uploads, notifications, and relational data models for social interactions like follows, likes, and comments. The project helped me better understand how modern full-stack applications are structured using the Next.js ecosystem and how different tools integrate together to create a cohesive developer experience.

  • User authentication and account management
  • Create, edit and delete posts
  • Upload images to posts
  • Like and comment on posts
  • Follow other users
  • Notification system for interactions
  • Responsive interface for desktop and mobile
  • Server-side rendering and modern Next.js architecture
  • Light and dark mode