Complete Next.js with React & Node - Beautiful Portfolio App
What you'll learn
- Develop serverless and classical web applications with latest Next JS & React
- Completely understand the processes and server side part of Next JS
- Create SEO (Search Engine Optimisation) and Isomorphic Friendly Applications
- Establish yourself in field of the exciting Next and React web development environment
Course content
- Preview03:33
- 07:59How to get most of this course + resolve issues
Requirements
- No Next js previous knowledge is required!
- Basic ES6 and Javascript knowledge is required
- Fundamentals in React, HTML and CSS
Description
Is this course right for you ?
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 or Vercel 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.
What is Next.js ?
Next.js is React framework that provides infrastructure and simple development experience for server side rendered(SSR) application.
An intuitive page-based routing system (with support for dynamic routes)
Pre-rendering, both static generation (SSG) and server-side rendering (SSR) are supported on a per-page basis
What are we going to work on?
First we are going to integrate base layout of the application. We will brake layout into small pieces and we will create lots of reusable components such as a navbar, portfolio card and many others. I will explain you how server side rendering works, how to use different data fetching techniques and what are the differences and benefits of fetching on server versus client.
First big feature we will be working on, will be authentication. Authentication will be handled by Auth0 provider, nevertheless there will be lot’s work to handle.
Users will be able to register and login and experience features only for authenticated users. You will learn how to restrict access to pages and how to manage authentication state through you application which will results in UI changes of the application layout.
Next we will work on portfolios features. We will implement functionality to create portfolio and I will explain you how to easily manage forms. Then we will take a look on update functionality where I will show you how to populate inputs with existing data. In the end of the section we will work on delete functionality. All of the features will be reactive and updating view in real time and You will learn how to create fast static pages with new Next.js functions.
Blog feature will be the biggest one. Users will be able to create blogs using slate editor that offers different formatting options. Each blog will be saved initially as a draft blog and it will be an user responsibility to publish it. For this purpose we will create dashboard page displaying all user blogs with option to publish or make a draft from the blog. All Published blogs will be highlighted on blogs page and created as static pages assuring better performance. We will create delete and update functionality as well.
Next we will work on SEO(search engine optimisation) improvements. I will explain you basics of SEO and how to get it working with Next.js.
Last section will be covering deployment. Express API server will be deployed to Heroku. Next.js portfolio application will be deployed to serverless Vercel platform which will make our application super fast on internet.
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.
Instructors
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.
Eincode ensures to provide the best online learning experience for its audience.
High quality content and programming concepts explained in real-life projects are fields where Eincode shines!
Eincode is covering mainly courses focusing on programming guides for web and mobile development. If you are looking for complete and comprehensive guides then Eincode is the right choice for you.
Courses are also published by instructor Filip Jerga.
Cheers & Keep Coding!