Tutorialspoint

Mid-Year Savings Flat 10% OFF, Use Code: MID10

Next.Js Projects: 4 NextJS 13 Projects (Instagram, Google, Twitter, IMDB)

person icon Sahand Ghavidel Jirsaraie

4.4

Next.Js Projects: 4 NextJS 13 Projects (Instagram, Google, Twitter, IMDB)

Build 4 Practical Next.js 13 Projects with Real-World Applications

updated on icon Updated on Jul, 2024

language icon Language - English

person icon Sahand Ghavidel Jirsaraie

English [CC]

category icon Development,Web Development,React JS

Lectures -119

Duration -44 hours

4.4

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

Learn Next.js 13 by building real-world clones of popular websites, such as Instagram and Google. This project-based course will teach you how to use the best practices of Next.js to design and build fully functional websites. The course includes three projects, with more being added each month. 

Next.Js Projects - 4 NextJS 13 Projects (Instagram, Google) Overview

Learn Next.js 13 by building new applications, including clones of IMDB, Instagram, Twitter, and Google. This course is the best way to learn Next.js by developing practical projects. In this course, you will learn rendering techniques such as static site generation, server-side rendering, and incremental static regeneration. 

You will also learn about pagination, image uploading, state management with Recoil, responsive web design with Tailwind CSS 3.0, database and storage with Firebase, authentication with next-auth, and API integration with TMDB and Google Search. Finally, you will learn how to deploy your apps to Vercel with your own custom domain name.

Goals

  • Develop four practical and powerful Next.js applications, including clones of popular websites like TMDB, Instagram, and Google.

  • Master rendering techniques such as static site generation, server-side rendering, and incremental static regeneration.

  • Gain a deep understanding of pagination, image uploading, and state management with Recoil.

  • Learn how to use Firebase for database and storage, next-auth for authentication, and TMDB and Google Search APIs.

  • Deploy your apps to Vercel with your own custom domain name.

Prerequisites

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

  • A Mac, Windows, or Linux computer.

Next.Js Projects: 4 NextJS 13 Projects (Instagram, Google, Twitter, IMDB)

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 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 to 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 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

Use your certificate to make a career change or to advance in your current career.

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

I highly recommend this Next.js course! It provided a fantastic hands-on learning experience through building real-world project clones like Instagram, Google, Twitter, and IMDB. Here are some of the things I found most valuable - Clear and concise instructions, concepts well explaned.

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
Annual Membership

Online Certifications

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

Explore Now
Online Certifications

Talk to us

1800-202-0515