https://github.com/99yash/trpc-insta

✨ Instagram using tRPC (with a NextJS backend) & React Server Components: Next Auth, Prisma & Shadcn UI.
https://github.com/99yash/trpc-insta

nextauth nextjs prisma servercomponent shadcn-ui t3-stack tailwindcss trpc zod

Last synced: 8 months ago
JSON representation

✨ Instagram using tRPC (with a NextJS backend) & React Server Components: Next Auth, Prisma & Shadcn UI.

• Host: GitHub
• URL: https://github.com/99yash/trpc-insta
• Owner: 99Yash
• License: mit
• Created: 2023-07-17T08:23:12.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-07-19T02:22:54.000Z (about 1 year ago)
• Last Synced: 2025-01-30T22:39:02.536Z (8 months ago)
• Topics: nextauth, nextjs, prisma, servercomponent, shadcn-ui, t3-stack, tailwindcss, trpc, zod
• Language: TypeScript
• Homepage: https://trpc-insta.vercel.app
• Size: 5.35 MB
• Stars: 19
• Watchers: 1
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Trinsta


> A clone of Instagram made using Next.js, Tailwind CSS and Server Components: Using the uploadThing API and components from Shadcn-ui with added metadata tags.

## 📸 Screenshots

[![Trinsta](./public/Screenshot_20230909_082347.png)](https://trpc-insta.vercel.app)

#### Carousel

![Carousel](./public/Screenshot_20230917_084103.png)

#### Search by User or Username

![User Search](./public/Screenshot_20230909_082846.png)

### Double tap to like a post

#### Skeleton UI for major pages

![Skeleton UI](./public/Screenshot_20230909_083109.png)

#### Fallback UI for loading user dp

![Fallback User](./public/Screenshot_20230916_095515.png)

#### Edit Profile

![Edit Profile](./public/Screenshot_20230909_094716.png)

#### Post Loading and View States

![Post Loading](./public/Screenshot_20230915_074312.png)

![Post View](./public/Screenshot_20230915_101011.png)

#### Custom Errors

![Custom Errors](./public/Screenshot_20230915_073526.png)

#### Delete post for the author

## Tech Used

- [Next.js](https://nextjs.org)

- [NextAuth.js](https://next-auth.js.org)

- [Prisma](https://prisma.io)

- [Shadcn-ui](https://ui.shadcn.com)

- [Tailwind CSS](https://tailwindcss.com)

- [tRPC](https://trpc.io)

- [Uploadthing](https://uploadthing.com)