SocialBook is a modern social networking platform where users can share content online with friends, follow other users, and engage with posts through likes and comments.
Built with Next.js, ShadCN UI, PostgreSQL, and Clerk for authentication.
Live Link
- User Authentication & Authorization — Secure sign-up, login, and session management using Clerk.
- Post Creation & Sharing — Share text, images, or videos with your network.
- Follow System — Follow and unfollow other users to curate your feed.
- Likes & Comments — Interact with posts through likes and threaded comments.
- Responsive UI — Styled with ShadCN UI for a clean, modern design.
- Real-time Updates — Instant feedback on likes and comments (if implemented with WebSockets/SWR).
- PostgreSQL Database — Robust and scalable data storage.
- Frontend: Next.js (App Router)
- UI Components: ShadCN UI
- Database: PostgreSQL
- ORM: Prisma
- Auth: Clerk
- Styling: Tailwind CSS
- Deployment: Vercel
socialbook/
├── app/ # Next.js App Router pages & layouts
├── components/ # Reusable UI components
├── lib/ # Utility functions & database config
├── prisma/ # Prisma schema & migrations
├── public/ # Static assets
├── styles/ # Global styles
└── README.md
git clone https://github.com/yourusername/socialbook.git
cd socialbooknpm install
# or
yarn installCreate a .env file in the root of your project and add:
DATABASE_URL="postgresql://USER:PASSWORD@HOST:PORT/DATABASE"
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
CLERK_SECRET_KEY=your_clerk_secret_keynpx prisma migrate devnpm run devYour app will be available at http://localhost:3000
This project is licensed under the MIT License — you’re free to use, modify, and distribute it.
- Real-time chat feature
- Notifications for likes, comments, and follows
- Media uploads (images/videos)
- Explore page for discovering new content
Pull requests are welcome! For major changes, please open an issue first to discuss what you’d like to change.