Complete Next.js with React & Node - Portfolio Apps 
What you'll learn
- Develop web applications with the latest Next JS & React
- Understand web concepts clearly by creating real-world applications
- Create SEO (Search Engine Optimisation) and Isomorphic Friendly Applications
- Establish yourself in field of the exciting Next and React web development environment
- Fundamentals in HTML and CSS
Is this course right for you?
If you plan to start your career as a developer or improve your programming skills, this course is right for you. Learn how to build a fantastic portfolio website you can share with your colleagues or future employers.
Get all you need to start web development in one course! Start with web development technologies and move to more advanced topics until your application is deployed to Heroku or Vercel and accessible online on the internet. This course covers the latest topics and React JS and Next JS versions.
Course Structure is the following:
[Project 1]: Resource Application (Beginners)
[Project 2]: Content Application (Beginners)
[Project 3]: Portfolio Application (Beginners/Intermediate)
What is Next.js?
Next.js is a React framework that provides infrastructure and simple development experience for server-side rendered(SSR) applications.
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?
Project 1 - Resource Project
This project is designed to provide a comprehensive understanding of fundamental concepts in web development.
You will grasp the concept of state, which represents the dynamic data within a React component, and learn how to manage it effectively.
Understanding props, which pass data from one component to another, is a key part of this project.
You will understand comprehensively what a component is in the context of React and how to create and use them in your applications.
Project 2 - Content Application
Learn the latest Next.js 13's "App Architecture."
Explore recent changes in React and Next.js.
Build a content application for managing portfolios and blogs in markdown format.
Discover new API functions.
Understand project organization.
Gain insight into how these frameworks work.
Project 3 - Extensive Portfolio Project
Building the Layout:
Creating reusable components like navbar and portfolio cards.
Explaining server-side rendering and data fetching techniques.
Using Auth0 for authentication.
User registration, login, and access control.
Managing authentication state and making UI changes.
Implementing create, update, and delete functionality.
Real-time updates and fast static pages with Next.js.
Creating blogs with a rich text editor.
Drafting and publishing blogs.
Managing user blogs and SEO.
SEO (Search Engine Optimization):
Basics of SEO and integrating it with Next.js.
Deploying Express API server to Heroku.
Deploying Next.js portfolio app to Vercel to be accessible on the internet.
Who this course is for:
- Starting as well as experienced developers interested in modern frameworks as Next, React and Node.
- Taking this course will enable you explain before difficult concepts to your fellow colleagues in simple way.
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 various 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 into explaining web and software engineering concepts straightforwardly, hands-on, and understandable.
Eincode mission is 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 covers 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.
Instructor Filip Jerga also publishes courses.
Cheers & Keep Coding!