Nextagram - Instagram Clone

Built with the Next.js App Router, Typescript and Tailwind

Features

• Authentication using Discord & Credentials with email verification
• Follow & unfollow user with optimistic update UI
• Like & dislike post with optimistic update UI
• Full comment functionality
• Create new post & story for authentication users
• Image upload and preview
• Data fetching using server action
• Better SEO (i think so)
• ... and much more

TODO

• Infinite scroll for dynamic loading posts
• Nested comment
• Responsive design
• create story feature
• ...

Getting Started

To get started with this project, run

git clone https://github.com/superiorkid/nextagram

install packages

pnpm install

and copying these .env.example variables into separate .env file:

DATABASE_URL=
NEXTAUTH_SECRET=
DISCORD_CLIENT_ID=
DISCORD_CLIENT_SECRET=
NODEMAILER_PW=
NODEMAILER_EMAIL=

setup prisma

pnpx prisma db push

start the app

pnpm run dev

and that's all you need to get started!