Skip to content

Anshuman2305/Twitter-Clone-NextJs

Repository files navigation

Twitter Clone using Next.js and Sanity.io

project info banner

This Website is built using Next.js with TailwindCSS and Sanity.io as my CMS(Content Management System). Used NextAuth to implement Signin Feature.

responsive

Sign In Feature

Used NextAuth.js to implement 'Signin with Twitter'. One need to Signin in order to post a Tweet.

Sign In Feature

Tweet Feature

Only after Login, we can post Tweets. We can also include a Image in our Tweet.

Tweet

Comment Feature

Comment

Sanity.io Dashboard

dashboard dashboard

Getting Started with Next.js

Visit https://nextjs.org/learn to get started with Next.js.

  • To run the Next.js Server : npm run dev

Getting Started with Sanity.io

  • To run the Sanity Dashboard : cd anshumanblogapp then sanity start

  • To Install Sanity Studio : cd anshumanblogapp then sanity deploy

Next.js + Tailwind CSS Example

This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind docs.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

Deploy with Vercel

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-tailwindcss with-tailwindcss-app
# or
yarn create next-app --example with-tailwindcss with-tailwindcss-app
# or
pnpm create next-app --example with-tailwindcss with-tailwindcss-app

Deploy it to the cloud with Vercel (Documentation).

About

Twitter Clone using Next.js and Sanity.io

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published