Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

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

person icon Sahand Ghavidel Jirsaraie

4.1

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 Apr, 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.1

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

What will you learn in this course:

  • 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

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

e


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

e

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

R

Roshan Prasad

e

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

e

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

e

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

e

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