Full Stack Twitter Clone

Full Stack Twitter Clone, available at $29.99, has an average rating of 5, with 35 lectures, based on 2 reviews, and has 14 subscribers.

You will learn about Building Full Stack Applications Working with SSR in Nextjs Caching Queries using Redis Deploying Full Stack Apps using AWS This course is ideal for individuals who are Developers who want to become Full Stack Dev It is particularly useful for Developers who want to become Full Stack Dev.

Enroll now: Full Stack Twitter Clone

Summary

Title: Full Stack Twitter Clone

Price: $29.99

Average Rating: 5

Number of Lectures: 35

Number of Published Lectures: 35

Number of Curriculum Items: 35

Number of Published Curriculum Objects: 35

Original Price: ₹1,499

Quality Status: approved

Status: Live

What You Will Learn

Building Full Stack Applications
Working with SSR in Nextjs
Caching Queries using Redis
Deploying Full Stack Apps using AWS

Who Should Attend

Developers who want to become Full Stack Dev

Target Audiences

Developers who want to become Full Stack Dev

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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: What we are going to build?

Lecture 3: NodeJS Setup

Lecture 4: NextJS Setup with Tailwind CSS

Chapter 2: Building Twitter UI

Lecture 1: Twitter Feed Cards

Lecture 2: Building Twitter Sidebar

Chapter 3: Twitter Backend Setup

Lecture 1: What is GraphQL?

Lecture 2: Creating Express Typescript Project

Lecture 3: Setting up Prisma ORM and PostgreSQL

Chapter 4: Authentication

Lecture 1: Adding Google Auth

Lecture 2: Verifying and Generating JWT

Lecture 3: Implementing Authentication on Client Side

Lecture 4: Detect Logged In User

Chapter 5: Twitter Feed

Lecture 1: Designing Add Tweet Modal

Lecture 2: Adding Tweet Feed Schema

Lecture 3: Mutations and Resolvers for Tweet

Lecture 4: Adding Mobile Responsive

Chapter 6: User Profile Page

Lecture 1: Designing Profile Page

Lecture 2: SSR User Profile

Chapter 7: Setting AWS Account

Lecture 1: Getting AWS Access and Secret Keys

Lecture 2: Setting up S3 Bucket Policy

Lecture 3: Generating PreSigned URL for S3 Bucket

Lecture 4: Refactoring the Server Code

Lecture 5: Refactoring the SSR on Tweet Page

Chapter 8: Follow and Unfollow

Lecture 1: Follow and Unfollow on Server Side

Lecture 2: Follow and Unfollow on Client Side

Lecture 3: User Recommendation System

Chapter 9: Redis

Lecture 1: What is Redis?

Lecture 2: Caching with Redis

Lecture 3: Rate Limiting with Redis

Chapter 10: Deployment

Lecture 1: Launching AWS EC2 Instance

Lecture 2: SSH And Security Groups Setup

Lecture 3: AWS Load Balancer and CloudFront Setup

Lecture 4: Deploying NextJS to Vercel

Lecture 5: AWS Resources Cleanup

Instructors

Piyush Garg
FullStack Software Developer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 0 votes
5 stars: 2 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu