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

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

4.50 (773 reviews)
Udemy
platform
English
language
Web Development
category
Dr. Sahand Ghavidel
instructor
Next.js Projects - 4 NextJS 14 projects (Instagram, Google.)
91,951
students
51 hours
content
Apr 2024
last update
$79.99
regular price

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

Why take this course?

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

    • 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


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

Screenshots

Next.js Projects - 4 NextJS 14 projects (Instagram, Google.) - Screenshot_01Next.js Projects - 4 NextJS 14 projects (Instagram, Google.) - Screenshot_02Next.js Projects - 4 NextJS 14 projects (Instagram, Google.) - Screenshot_03Next.js Projects - 4 NextJS 14 projects (Instagram, Google.) - Screenshot_04

Reviews

Abdullah
May 13, 2023
The teaching style of Sahand Sir is just awesome and straight forward. Every topics he teaches, feels like so much easy. No more confusion exists. This is a project-based course so you will learn Next JS by building a 4 big applications.
Christopher
May 11, 2023
This course is excellent for enhancing your learning of Tailwind and Next.js. It covers everything from the fundamentals to more advanced techniques, providing a solid foundation and the necessary tools to excel in using these technologies.
AONDOHEMBA
May 11, 2023
I have taken a couple of courses online before and from my experience, I am saying this is one of the best online courses so far. The animated pictorial representation of concepts makes the delivery positively one of a kind hence understanding everything easy and fast.
Gaurav
May 10, 2023
If you want to learn Next.js, I highly recommend this course. It stands out from others due to the inclusion of four projects which offer great practice opportunities to build real projects and apply the concepts learned. Overall, this course is an excellent way to get started with Next.js.
Douglas
May 10, 2023
I thought the detailed projects were an awesome way to learn version 13 of the Next Framework. Each project, if you work through it on your own and expand upon it, will leave you with a great deal of satisfaction and confidence that you can get real work done.
muthu
May 10, 2023
This is course is very nice for the starters who are into the Next.js from React.js. It helps with projects to understand the concepts and channels the users to search for the deep dive into the Next.js functionalities which I found missing here. Overall very good course for the starting foundations. All the best.
Vaibhav
May 9, 2023
My favorite thing about this NextJS tutorial is how well it is explained in detail, and also how it incorporates Git and Github flow. Even if you are a complete beginner learning Next JS, this tutorial is very concise and understandable.
Ismail
May 9, 2023
Dr. Sahand's NEXTJS version 13 course is an exceptional learning experience for anyone interested in modern web development. The course includes four exciting projects, including Google and Instagram clones, that offer a hands-on approach to learning. Dr. Sahand's teaching style is engaging, interactive, and tailored to suit different learning styles. The emphasis on NEXTJS version 13 is a standout feature of the course, providing valuable insights into its potential in real-world applications. With that said, , I highly recommend this course to anyone looking to expand their web development skills and knowledge.
Alvaro
May 9, 2023
Great NextJS course, focused on hands-on projects that will keep you motivated. The instructor emphasizes understanding the concepts and code, making it accessible even if you're new to learning NextJS.
Christian
May 9, 2023
This Next.js course is so precise, simple, friendly and easy to learn from beginner stage to advance stage.
Matej
May 8, 2023
I would highly recommend this course to anyone interested in learning Nextjs. This course will provide you with a solid foundation in the latest version of Nextjs and help you take your web development skills to the next level!
Jaswanth
May 8, 2023
Great Course. This course helped me improve my NextJS and CSS skills very much. The instructor explains everything very clearly and made it easily understandable. Would recommend to everyone who wants to improve their web development skills through projects.
Aritra
May 8, 2023
If you want to make a career in Web development & you want to stand out from the crowd, this is the course for you. All you need to do is just follow instructions and practice. After the completion, I'm sure landing a job in a good MNC will be much easier . Thanks a ton, Dr. Sahand.
Olufade
May 7, 2023
This is an amazing NextJS course. i like the way the course was taught and simplified for a beginner to understand. Kudos to the instructor
Marko
May 6, 2023
Really good course. I am still new in this, trying to learn everything, and this is good way to that. Easy to understand, slowly teaching step by step :) recommending it for everyone!

Coupons

DateDiscountStatus
1/10/2023100% OFF
expired

Charts

Price

Next.js Projects - 4 NextJS 14 projects (Instagram, Google.) - Price chart

Rating

Next.js Projects - 4 NextJS 14 projects (Instagram, Google.) - Ratings chart

Enrollment distribution

Next.js Projects - 4 NextJS 14 projects (Instagram, Google.) - Distribution chart

Related Topics

React
React Hooks
2497890
udemy ID
8/7/2019
course created date
4/20/2021
course indexed date
Bot
course submited by