mewben/twitter-clone-trpc

Twitter Clone using TRPC with NextJS App directory

Twitter Clone made with NextJS using T3 Stack

A simple twitter clone made with NextJS using Typescript, TRPC, and Tailwindcss.

View Demo

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Installation
3. Contact

About The Project

This project has a working social-login authentication using next-auth. The database is mysql hosted on planetscale through prisma. It utilizes data fetching and mutation through react-query included in trpc.io

The project includes:

1. public stream of tweets as well as only those you follow using react-query useInfiniteQuery
2. Follow/Unfollow profiles
3. Heart tweets
4. Clear cache through revalidation of server side generated react components whenever a follow/unfollow event happens

(back to top)

Built With

• 
• 
• 
• 
• 
• 
• 

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Installation

1. Clone the repo

   git clone https://github.com/mewben/twitter-clone-trpc.git

2. Install packages

   pnpm i

3. Setup environment variables in .env file

   cp .env.example .env

4. Run locally and go to http://localhost:3000 in a browser

   pnpm dev

(back to top)

Contact

Melvin - @melsoldia

(back to top)