Tutorialspoint

Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)

person icon Sahand Ghavidel Jirsaraie

Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)

Next.js 13 (reactjs framework) Projects. 4 NextJS 13 projects. IMDB, Instagram, Twitter, Google clone using Next js 13

updated on icon Updated on Sep, 2023

language icon Language - English

person icon Sahand Ghavidel Jirsaraie

architecture icon Development,Web Development,React JS

Lectures -119

Duration -44 hours

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint courses anytime, anywhere.

Course Description

NEW Next.js 13 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).

This course also teaches you how to use Firebase for database and storage. We are going to use the 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 (Next.js 13)

    • 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 the Image tag of next

  3. Google Clone (Next.js 13)

    • 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 the Image tag of nextjs


Who this course is for:

  • Developers who want to start using NextJS and build real-world applications
  • Students who want to strengthen their portfolio with clone projects

Goals

What will you learn in this course:

  • 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

Prerequisites

What are the prerequisites for this course?

  • Basic understanding of HTML, CSS, Javascript, and React

  • A Mac, Windows, or Linux computer

Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)

Curriculum

Check out the detailed breakdown of what’s inside the course

Intro
1 Lectures
  • play icon Promo video 01:53 01:53
Project - IMDb Clone (Next 13)
15 Lectures
Tutorialspoint
Project - Google Clone (Next 13)
18 Lectures
Tutorialspoint
Project - Twitter Clone
26 Lectures
Tutorialspoint
Project - Google Clone (Next 12)
15 Lectures
Tutorialspoint
Project - Instagram Clone
32 Lectures
Tutorialspoint
Project - IMDb Clone (Next 12)
12 Lectures
Tutorialspoint

Instructor Details

Sahand Ghavidel Jirsaraie

Sahand Ghavidel Jirsaraie

Sahand Ghavidel holds degrees in Mathematics, Electrical, and Computer Science, and earned a doctoral degree from the Faculty of Engineering and IT, University of Technology Sydney.

Sahand has researched for more than 10 years about artificial algorithms and optimization. He has won several awards for his outstanding research and has published more than 40 ISI journals and attended many international conferences.

The number of people using and citing Sahand's publications is significantly high which is more than 1600 citations, according to google scholar (April, 2021). He was also awarded the outstanding reviewer in the international journal called "International Journal of Electrical Power & Energy Systems" with a CiteScore of 5.79 in recognition of his contributions added to the quality of the journal.

Sahand has more than 15 years of programming experience. The first programming language he learned was visual basic when he was just 12 years old. Since then, he has made hundreds of websites and apps with different programming languages like JavaScript and Python.

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best

Feedbacks

V

Victor C. Chikezie

This tutorial is one of the best I have seen so far, covering almost all the challenges I face daily using Latest NextJS.

Y

Youssef

Next.js for Sahand Ghavidel Jirsaraie I recently completed the Next.js course instructed by Sahand Ghavidel Jirsaraie, and I would like to share my review of the course. Overall, I found the course to be highly informative and beneficial for learning Next.js. Sahand Ghavidel Jirsaraie has done an

R

Roshan Prasad

Really A Great Course to Learn and Practice the Code. The Way he teaches very Simple and also it is suitable for beginners, Intermediate persons also.

D

Dikshyant Dhungana

I was a bit confused about the updates related to Nextjs 13 but this course has cleared my understanding and also It is one of the best course for the students who want to understand the concept of Nextjs if they have basic understanding of Reactjs and JS.

A

Anit

The Next.js course exceeded my expectations with its comprehensive content, clear explanations, practical projects, engaging exercises, and effective organization. Highly recommended for Next.js development

A

Anika Agarwal

Amazing course. Really helpful and useful to put in portfolio. Thank you!

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us

1800-202-0515