Description
In this tutorial, we will create a FullStack Twitter Clone that allows users to create and post tweets, follow other users, and like, and view their own profiles and the profiles of other users.
Twitter is one of the most popular social media platforms in the world, with over 330 million active users as of 2021. If you are interested in building a Twitter-like application, this tutorial will guide you through the process of building a FullStack Twitter Clone using the latest technologies.
Tech Stack
- Node.js for our backend code which would be running GraphQL server inside the node.js environment.
- GraphQL for our API, which provides a flexible and efficient way to define our data model and query it.
- Prisma ORM for our database ORM, which provides a type-safe and easy-to-use interface for interacting with our PostgreSQL database.
- PostgreSQL is our database, which is a powerful and reliable relational database system.
- Supabase for hosting and managing cloud Postgresql db.
- Redis for query caching on the server side and increasing query speeds
- Google OAuth for Sign in with Google
- JSON WEB TOKENS for authentication
- Next.js for our front, which is a popular framework for building React applications with server-side rendering and optimized performance.
- TailwindCSS for styling and reusable components.
- Codegen for typesafe GraphQL queries and mutations.
- Graphql-Request as API client for client-server communication
- React-Query for client-side data caching and query caching
- Typescript to maintain code quality and write type-safe code.
- Amazon Web Services for storage, deployments, and CDN.
Checkout detailed document on Twitter Clone Notion Page
Join Discord Server https://discord.gg/kRSRxBQ6xf
Course Structure
35 Lessons•8h 16m 13s
Introduction(Watch Video)
4m 27s
What we are going to build?
1m 55s
NodeJS Setup
4m 21s
NextJS Setup with Tailwind CSS
4m 56s
Reviews
This was a great project. I got to learn a lot and get my hands on tech stacks TypeScript, Component Creation, Performance Optimisation, React Query, Graphql, Codegen, Google Auth, Redis Caching, Graphql Server deployment on AWS etc. It took about 1.5 months to learn these and implement but was great to learn, Thanks Piyush for creating this awesome project and teaching us.
Hi Piyush, I just had one doubt,I want to deploy a TS server with GraphQl and prisma, etc. on platforms like vercel or netlify but I'm getting a lot of errors. Is there any way to do it on free-tier platforms( if any please suggest)? or AWS / Azure (paid services ) is the only option ? Please reply
Damm.. Good course! Everything that you need for a full stack project is in this project! Thanks Piyush
Full Stack Twitter Clone
8h 16m 13s of total content
5.0
373 enrolled
Course Creator: Piyush Garg
What you will get:
8h 16m 13s on-demand video content
Certificate of completion
Description
In this tutorial, we will create a FullStack Twitter Clone that allows users to create and post tweets, follow other users, and like, and view their own profiles and the profiles of other users.
Twitter is one of the most popular social media platforms in the world, with over 330 million active users as of 2021. If you are interested in building a Twitter-like application, this tutorial will guide you through the process of building a FullStack Twitter Clone using the latest technologies.
Tech Stack
- Node.js for our backend code which would be running GraphQL server inside the node.js environment.
- GraphQL for our API, which provides a flexible and efficient way to define our data model and query it.
- Prisma ORM for our database ORM, which provides a type-safe and easy-to-use interface for interacting with our PostgreSQL database.
- PostgreSQL is our database, which is a powerful and reliable relational database system.
- Supabase for hosting and managing cloud Postgresql db.
- Redis for query caching on the server side and increasing query speeds
- Google OAuth for Sign in with Google
- JSON WEB TOKENS for authentication
- Next.js for our front, which is a popular framework for building React applications with server-side rendering and optimized performance.
- TailwindCSS for styling and reusable components.
- Codegen for typesafe GraphQL queries and mutations.
- Graphql-Request as API client for client-server communication
- React-Query for client-side data caching and query caching
- Typescript to maintain code quality and write type-safe code.
- Amazon Web Services for storage, deployments, and CDN.
Checkout detailed document on Twitter Clone Notion Page
Join Discord Server https://discord.gg/kRSRxBQ6xf
Course Structure
35 Lessons•8h 16m 13s
Introduction(Watch Video)
4m 27s
What we are going to build?
1m 55s
NodeJS Setup
4m 21s
NextJS Setup with Tailwind CSS
4m 56s
Reviews
This was a great project. I got to learn a lot and get my hands on tech stacks TypeScript, Component Creation, Performance Optimisation, React Query, Graphql, Codegen, Google Auth, Redis Caching, Graphql Server deployment on AWS etc. It took about 1.5 months to learn these and implement but was great to learn, Thanks Piyush for creating this awesome project and teaching us.
Hi Piyush, I just had one doubt,I want to deploy a TS server with GraphQl and prisma, etc. on platforms like vercel or netlify but I'm getting a lot of errors. Is there any way to do it on free-tier platforms( if any please suggest)? or AWS / Azure (paid services ) is the only option ? Please reply
Damm.. Good course! Everything that you need for a full stack project is in this project! Thanks Piyush