• Post category:StudyBullet-13
  • Reading time:5 mins read


Next.js (react js framework) Projects. 4 NextJS hands on projects. IMDB, Instagram, Twitter & Google clone using Next js

What you will learn

Learn to build 4 practical powerful NextJS apps including TMDB, Instagram, and Google Clones

Learn all about rendering techniques such as how to build static site pages, server side rendering and incremental static regeneration

learn about pagination, image uploading functionality, and state management using recoil.

Learn how to use Firebase for database and storage.

Learn how to use next-auth for authentication

Learn how to use TMDB and google search APIs

Learn how to deploy your apps using vercel with your own custom domain name

Description

NEWΒ Next.js Projects. Build 4 brand new NextJS hands-on projects including IMDB, Instagram, Twitter and Google clones.

Welcome to the best course for learning next js through the development of real-world applications.

This is a project-based course that includes hands-on projects such as Instagram and Google clones.

We are going to use the best practices of Nextjs to design and build fully functional websites.

So far, three projects have been created for this course , including IMDB, Instagram, and Google clones, and more projects are being added each month. You can check the preview of each project in the course curriculum.

In this brand new course, you will learn rendering techniques such as how to build static site pages, server side rendering and incremental static regeneration. You will learn about pagination, image uploading functionality, and state management using recoil. You are going to be able to build amazing responsive websites with Tailwind CSS latest version (3.0).


Get Instant Notification of New Courses on our Telegram channel.


This course also teaches you how to use Firebase for database and storage. We are going to use next-auth for authentication. And you are going to learn how to use TMDB and google search APIs.

Finally, you are going to learn how to deploy your apps using vercel with your own custom domain name.

My name is Sahand, and I have over 16 years of programming experience.

I will be your instructor and answer any questions you may have in the Q&A section.

The project you are going to build in this course:

  1. IMDB Clone
    • use TMBD database
    • style with Tailwind CSS
  2. Instagram Clone
    • use Firebase for database and storage
    • style with Tailwind CSS
    • authenticate using next-auth
    • apply like and comment functionality
    • add upload functionality and use Image tag of nextjs
  3. Google Clone
    • style with Tailwind CSS
    • authenticate using next-auth
    • use google search api
    • include web and image search
  4. Twitter Clone
    • style with Tailwind CSS
    • authenticate using next-auth and Firebase auth
    • apply like and comment functionality
    • add upload functionality and use Image tag of nextjs
English
language

Content

Introduction and Installations

What you’re going to get from this course?
What is React?
Installing Node JS
Installing VScode and adding extensions

React Basics

Local environment setup for react development
Creating basic HTML, CSS and JS files
Introduction to JSX
React components

Let’s start the project

Creating header
Creating footer
Creating the main application (notes)
Creating the form area
Store the data of the form’s textfields
Creating the addNote function
Mapping through the notes array
Deleting the notes using filter method