X Clone

Full-stack clone of Twitter’s X platform with real-time feeds, authentication, and engagement features, built with:

Next.js
Hybrid static & server rendering for optimal performance.
React
Modular UI components and hooks for state management.
TypeScript
Type safety and auto-complete in IDE.
Firebase
Realtime database and Cloud Firestore for live feeds and notifications.
Tailwind CSS
Utility-first CSS framework for rapid UI development.
NextAuth.js
Authentication solution with support for OAuth providers.

X Clone mimics the core experience of Twitter X, featuring real-time posting and feed updates via Firebase Cloud Firestore and authentication through NextAuth.js.

The UI is styled with Tailwind CSS, and the app uses Next.js edge functions to handle serverless comment and like endpoints.

X Clone

Full-stack clone of Twitter’s X platform with real-time feeds, authentication, and engagement features, built with:

Next.js

React

TypeScript

Firebase

Tailwind CSS

NextAuth.js