/twitter-clone

Twitter clone using nextjs, tailwindcss & zustand inspired by https://www.youtube.com/watch?v=rCselwxbUgA

Primary LanguageTypeScript

Twitter Clone

Twitter clone using nextjs inspired by https://www.youtube.com/watch?v=rCselwxbUgA

Create .env.local file and include the following env vars:

NEXT_PUBLIC_SANITY_DATASET=production
NEXT_PUBLIC_SANITY_PROJECT_ID=your_sanity_project_id
SANITY_API_TOKEN=your_sanity_api_token
NEXT_PUBLIC_BASE_URL=your_localhost_url
NEXTAUTH_URL=your_app_domain
NEXTAUTH_SECRET=your_next_auth_secret
TWITTER_CLIENT_ID=your_twitter_client_id
TWITTER_CLIENT_SECRET=your_twitter_client_secret

You need to sign in to the twitter developer portal and create a project to be able to derive the last two ids.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Start sanity server

Go to https://www.sanity.io/sonny and install

sudo npm install -g @sanity/cli
sanity init --coupon sonny2022

cd sanity && sanity start

Open http://localhost:3333 with your browser to see the result.

Sign in with github account