Next.js 14 Social Network App ( Instagram )
- Description
- Curriculum
- FAQ
- Reviews
Hello ,
Welcome to the course , Next.js 14 Social Media App ( Instagram ) 2024
In this course we are going to build a full-stack social network app which is almost similar to Instagram . We will be using latest version of Nextjs in-order to build this amazing app. So below will be the features and tech-stack of the project.
Tech Stack
Nextjs v14 for frontend and backend
MongoDB for database
Firebase for Storage
Zustand for state management
AntDesign for building UI components
Tailwindcss for Styling or customizing UI components
Clerk for authentication
Features
-
Build user authentication using clerk user management library , this will include new user sign-up , email verification , sign-in , middlewares etc.
-
Users can update their profile info like name , bio , profile picture right after their sign-in. And users can also make their account as private if they want.
-
Users can find other users by searching their name and email id.
-
Users can send follow request to other users , if it is accepted then the followers and following count will be incremented.
-
If a user made his account as private , only his followers can see his profile , posts etc.
-
Users can upload post with multiple images , include captions and also tag their friends.
-
Likes , comments , save functionality for the posted uploaded.
-
Users can also reply to the existing comments for a post.
-
Users can archive their posts after uploading and they can see the archived posts in profile.
-
Users can view saved , uploaded posts in their profile and they can unsave and edit if required.
-
If a post is liked , commented , or any follow request is placed the end user will receive the notification.
-
Users can search posts using their captions and hashtags , and if they can view the individual posts based on the search results.
-
Entire application will be responsive , it can be viewed in desktops , i-pads and also mobile devices
-
For every section source code will be provided separately
-
Q/A Support
-
6Why third-party library for authenticationVideo lesson
-
7Setup clerk account and projectVideo lesson
-
8Setup clerk in next.js appVideo lesson
-
9Custom sign-in and sign-up pagesVideo lesson
-
10Sing-up , sign-in , sign-out processesVideo lesson
-
11Show current user detailsVideo lesson
-
12Style custom sign-in and sign-up pages - 1Video lesson
-
13Style custom sign-in and sign-up pages - 2Video lesson
External Links May Contain Affiliate Links read more