A full-stack social media in Nextjs, PostgreSQl & Tailwind CSS

Anas Ahmed

πŸ§‘β€πŸ€β€πŸ§‘ Full-Stack Social Media Platform

Built with Next.js, TypeScript, Neon PostgreSQL, Cloudinary, and Tailwind CSS
A scalable and modern social media application that allows users to create accounts, follow others, view personalized feeds, and interact in real time β€” all with optimized database queries and clean architecture.

πŸ”§ Key Features:

🧡 User Feeds: Personalized timelines based on followed users
πŸ” Suggestions Engine: Shows users you don’t follow (via SQL filtering logic)
πŸ“± Fully Responsive: Optimized layout for mobile, tablet, and desktop
πŸ›‘οΈ Authentication: Secure sign-in with sessions using NextAuth and middleware protection
πŸ“±Post: Video and Photos can be post as well as Links for affiliate marketing
πŸ“„ D ynamic Routing: Clean URLs with server-side logic for SEO
βš™οΈ PostgreSQL Optimization: Uses Neon for serverless PostgreSQL with efficient joins and pagination
🌐 Region-aware Features (Optional): Designed to support IP/user-agent based personalization
πŸš€ Fast & Scalable: Built with SSR, ISR (if needed), and server actions for seamless UX

πŸ› οΈ Tech Stack:

Next.js 15 (App Router)
TypeScript
Tailwind CSS
Neon (PostgreSQL)
Prisma ORM
NextAuth.js
Zod + Middleware for secure API validation
Vercel for hosting & edge performance

πŸ’‘ What I Learned:

Advanced SQL query optimization and pagination
Middleware-based route protection
Session handling with server + client awareness
Building modular, reusable full-stack features
Like this project

Posted Jul 25, 2025

A scalable and modern social media application that allows users to create accounts, follow others, view personalized feeds, and interact in real time

ECommerce store with Custom CMS in Nextjs, mongoDB
ECommerce store with Custom CMS in Nextjs, mongoDB
AI-Powered Writing Assistant Platform Development
AI-Powered Writing Assistant Platform Development

Join 50k+ companies and 1M+ independents

Contra Logo

Β© 2025 Contra.Work Inc