Tutorialspoint

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

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

  • 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

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

  • A Mac, Windows, or Linux computer

Show More

Curriculum

  • Intro
    01:55
    Preview
  • Final version and source code
  • Install Next js 13
    25:18
    Preview
  • Install Tailwind CSS
    17:15
  • Create the header section
    34:22
  • Add dark mode
    41:54
  • Create the about page
    08:20
  • Create the navbar component
    21:35
  • Fetch data from TMDB API in the home page
    30:55
  • Handle the error
    09:25
  • Add loading effect
    08:45
  • Add card component
    44:40
  • Add movie page
    29:05
  • Add search ability
    34:30
  • Deploy to Vercel
    06:15
Tutorialspoint
Tutorialspoint
Tutorialspoint
Tutorialspoint
Tutorialspoint
Feedbacks
  • No Feedbacks Posted Yet..!
Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)
This Course Includes
  • 44 hours
  • 118 Lectures
  • Completion Certificate Sample Certificate
  • Lifetime Access Yes
  • Language English
  • 30-Days Money Back Guarantee

Sample Certificate

sample certificate

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

We have 30 Million registered users and counting who have advanced their careers with us.

X

Sample Certificate

Talk to us

1800-202-0515