Complete Next.js with React & Node - Beautiful Portfolio App (

Build Serverless Web Apps with Next.js. Learn Hooks. Deploy to Vercel. Next.js (Next 9.4), React (React 16+) & Node.

Created by: Filip Jerga

Produced in 2022

What you will learn

  • Develop powerful, server-side and real-world web applications with Next & React
  • Completely understand the processes and architecture of Next
  • Create SEO (Search Engine Optimisation) and Isomorphic Friendly Applications
  • Establish yourself in field of the exciting Next and React web development environment

Quality Score

Content Quality
Video Quality
Qualified Instructor
Course Pace
Course Depth & Coverage

Overall Score : 84 / 100

Live Chat with CourseDuck's Co-Founder for Help

Need help deciding on a reactjs course? Or looking for more detail on Filip Jerga's Complete Next.js with React & Node - Beautiful Portfolio App? Feel free to chat below.
Join CourseDuck's Online Learning Discord Community

Course Description

If you are planning to start your career as a developer or you just want to improve your programming skills, then this course is right for you. Learn how to build amazing portfolio website you can share with your colleagues or future employers.
Get all you need to start web development in one course! Start with technologies of Web Development to more advanced topics until your application will be deployed to Heroku and accessible online on the internet.
This resource is the only thing you need in order to start Web Development with Next.js , React and Node. During this course you will get confidence and skills required to start your own projects, you will get the right mindset to apply for a developer career and to improve in modern frameworks like Next.js , React.js and Node.
We will start with short introduction of Next.js framework. We will follow starter introduction guide on Next.js website with my additional explanation and examples. I will explain to you benefits of server side rendered applications and I will get you familiar with Next Framework.
Furthermore, we will work on a base layout of our portfolio application, we will create first pages and base styling.
Later in this course, we will take a look on authentication with Auth0 on the client/server side. Users will be able to authenticate with google or other social provider.
Next, we will work both on the server and the client and will implement base portfolio functionality. We will create CRUD (create, read, update, delete) API. You will learn how to use forms in react and you will get familiar with popular Formik package.
After portfolio section you will be challenged with Slate framework. We will start working on Blog feature. I will show you how to create blog editor similar to Medium. We will create functionality to save and update portfolios. Then we will create blogs dashboard page for users to manage their created blogs. Clients will be able to publish and delete blogs. All of the published blogs will be able to read by everyone on our website.
Next, we will work on UX improvements of our website. You will learn how to create simple animations and how to make better user experience. You will get more familiar with CSS.
Then we will get into SEO ( Search Engine Optimisation ). You will learn basics of SEO. We will provide to our website more semantic informations and we will make page improvements, so our portfolio website will be even more amazing and more competitive on the web.
In the last section we will start preparing our application for deployment. We will do production and performance improvements. Later in this section will deploy our applications to Heroku. Our portfolio will be fully accessible on the internet by anyone.
During this course we will be switching from our frontend application to our backend Node application. This Node application will be responsible for handling and storing our business data in MongoDB.Who this course is for:
  • Starting as well as experienced developers interested in modern frameworks as Next, React and Node.
  • This course is for everyone eager to understand how a javascript frameworks work.
  • Taking this course will enable you explain before difficult concepts to your fellow colleagues in simple way.

*Some courses are excluded from this sale. Coupon not working? If the link above doesn't drop prices, clear the cookies in your browser and then click this link here.
Also, you may need to apply the coupon code directly on the cart page to get the discount.

Coupon Code

Instructor Details

Filip Jerga

My name is Filip Jerga and I am an experienced software engineer and freelance developer. I have a Master's degree in Artificial Intelligence and several years of experience working on a wide range of technologies and projects from C++ development for ultrasound devices to modern mobile and web applications in React and Angular.
Throughout my career, I have acquired advanced technical knowledge and the ability to explain programming topics clearly and in detail to a broad audience. I invite you to take my course, where I have put a lot of effort to explain web and software engineering concepts in a detailed, hands-on and understandable way.



50 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

Stay away from this. There are better courses for beginners with instructors who do know React. As for Next, you will learn more from free on the excellent official tutorial (Nextjs site). Note to future self, a course thats 12+ hours long (this one is 30+) is always a waste of time. People who know their business go straight to the point without wasting you days.Finally, I wouldnt even bother to post a review if it wasnt for the instructor removing questions that he doesnt like. That lack of integrity in my world is unacceptable.

Bon cours, bien expliqu mme si c'est dommage que le projet Portfolio soit bas sur Next.js version 7 qui date un peu.

I enrolled in this class to learn about next.js but actually I intuitively learnt a lot of different topics. For example, you will learn how to debug your code, how to use chrome tools, advanced css, advanced react.js and much more. this is not just a next.js course, this will prepare you how to think as a software engineer.Filip is a great instructor. Since next.js-9 is released, he updated his course in 2-3 weeks as he promised. He explains everything in details and if you still have questions he answers your questions so fast. so if you are a dedicated student, by the end of this course you will be amazed by how much you improved yourself.

Amazing.. The lecture is in detail. but the course should mention that auth0 is included in this lecture.

Amazing course. Instructor is quite dedicated. In depth explanation about the concepts.Portfolio Project is very interesting.Worth it....!!

Fantastic portfolio building course with Next.js. The instructor is incredibly responsive.

Filip Jerga is very knowledgeable in what he was teaching. His explanations were clear and concise. I appreciated the organic approach to teaching where he showed his debugging process when things went wrong. Looking forward to the bonus content update!

Highly knowledgable, and more importantly (in my opinion) attentive/responsive instructor (a rarity these days!) and an incredibly in-depth course, I learnt a whole new bunch of stuff -stamina and patience required but well worth it!

Suitable for a student who has zero knowledge about react.js, instructor showing you every workflow step by step, I have a bit frustrating about the font is not big enough. If possible font size would be bigger than 18pt. Udemy please inform teachers about this matter thanks.

Not very useful course, because his english is hard to understand and the concepts behind next js are not very goog explained. Wouldn't recommend it.

a great application thus far, really clear and helpful as well as super easy to follow along!

Very good, ran in some troubles but Filip is very quick at responding to messages so it was very fluent!