2 min read

X Clone

Table of Contents

[!NOTE] This is an old project of mine, maintained for archival purposes.

Overview

A highly modern and performant full-stack implementation of an X/Twitter clone, focusing on type safety and efficient data fetching.

Tech Stack

  • Framework: Next.js (App Router)
  • Language: TypeScript
  • Database: Supabase (PostgreSQL) with Drizzle ORM
  • Authentication: Lucia Auth
  • Styling: Tailwind CSS, Headless UI
  • State Management: TanStack Query
  • Others: Embla Carousel, Husky, Mantine Hooks

Key Features

  • Full-stack authentication using Lucia Auth and Supabase.
  • Media upload and preview features with GIF support.
  • Interactive feed with media sliders (Embla Carousel).
  • Background tasks via Vercel cron jobs.
  • Responsive and modern UI built with Tailwind and Headless UI.