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.

Master Next.js (Next 7), React (React 16+) & Node. Learn how to build an Isomorphic Website, incl. SEO, Blog, Deployment


  • No Next js previous knowledge is required!
  • Basic ES6 and Javascript knowledge is required
  • Fundamentals in React, HTML and CSS


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 an 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 the 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 a short introduction to the Next.js  framework. We will follow the starter introduction guide on the Next.js website with my additional explanation and examples. I will explain to you the benefits of server-side rendered applications and I will get you familiar with Next Framework.

Trending Now:   Flutter ARKit Course - Build 15+ Augmented Reality iOS Apps

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 at authentication with Auth0 on the client/server-side. Users will be able to authenticate with Google or another 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 reacting and you will get familiar with popular Formik package. 

After the portfolio section, you will be challenged with the Slate framework. We will start working on the Blog feature. I will show you how to create a blog editor similar to Medium. We will create functionality to save and update portfolios. Then we will create a 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 to our website. You will learn how to create simple animations and how to make a better user experience. You will get more familiar with CSS.

Then we will get into SEO ( Search Engine Optimisation ). You will learn the basics of SEO. We will provide our website with more semantic information and we will make page improvements, so our portfolio website will be even more amazing and more competitive on the web.

Trending Now:   Xamarin on Steroids: Xamarin Forms Shell and MVVM

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 javascript frameworks work.
  • Taking this course will enable you to explain before difficult concepts to your fellow colleagues in a simple way.

Created by Filip Jerga
Last updated 12/2018
English [Auto-generated]

Size: 15.40 GB

Download Course

Leave a Reply

Your email address will not be published.

Related Courses

Back to top button


Join our telegram channel and be the first to know when we post/update courses and also when we share awesome deals & freebies.