Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node) (Udemy.com)
Learn GraphQL and Apollo! Create a fast portfolio application in Next.js(Next 9+) / React backed with Apollo + Node.js
Created by: Eincode by Filip Jerga
Last updated May 2020
What you will learn
- Develop Real-world web application with Next JS, Apollo and Node
- Create your own portfolio application in most demanded frameworks on the market
- Grasp full power of GraphQL
- Establish yourself in field of the exciting Next and React web development environment
How it compares
Against the other 173 rated Udemy courses in React on CourseDuck:
- Rating4.4 out of 5higher than 38% of them
- Reviews178#138 of 174 by number of reviews
- Length28.6 hourslonger than 74% of them
- Last updatedMay 2020earlier than 87% of them
Course Description
What is GraphQL?
GraphQL is a query language for your API and a server-side runtime for executing queries using a system you define for your data. GraphQL isn't tied to any specific database or storage engine and is backed by your existing code and data.
What is Apollo?
Apollo is the industry-standard GraphQL implementation, providing the data graph layer that connects modern apps to the cloud. Apollo will handle data fetching, caching, and state management of out the box!
What is Next.js?
Next.js is 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 build?
We will work mainly on portfolios features. You will learn how to manage client and server data with Apollo and Graphql. Data will be stored in Mongo Atlas Database, to which we will be communicating through the Node JS Server. We will create functionality to create a portfolio, and I will explain how to manage forms efficiently. Then we will look at an update functionality where I will show you how to populate inputs with existing data. After that, works on a delete functionality. All of the features will be reactive and updating views in real-time. You will learn the basics of data fetching and data mutations with Apollo.
Another significant feature we will be working on will be session-based authentication. We will prepare login and register forms. Users will register, login, and experience features only for authenticated users. You will learn how to manage sessions, protect the pages, and organize an authentication state through your application.
The forum feature will be the biggest one. You will learn how to create a fully working forum consisting of topics and posts. We will integrate a component used for topic and posts creation. Users will be able to develop various topics, posts, and replies to other posts, all updated in real-time and across the browsers. After that, you will learn how to create a fully working pagination!
Later in the course, we will create features to get randomized data for the home page, and I will talk about re-usability. We will finish the CV page, and we will get into deploying. After all production improvements are applied, we will deploy our application to Heroku so anyone on the internet can access our portfolio.
Instructor Details
- 4.4 Rating
178 Reviews
Eincode by Filip Jerga
At Eincode, our mission is to deliver the best online learning experience for our audience.
We specialize in creating high-quality content, with programming concepts brought to life through real-world projects. Whether you're exploring web development or mobile app creation, Eincode is your trusted resource for comprehensive and practical programming guides.
If you're seeking complete, in-depth courses to enhance your skills, Eincode has you covered.
Our instructor, Filip Jerga, is dedicated to sharing his expertise and regularly publishes courses designed to help you achieve your coding goals.
More courses by Eincode by Filip Jerga
Ethereum with Solidity, React & Next.js - The Complete Guide (2025)
4.1 (737 Reviews)
Provider: Udemy
Time: 47.6h
$84.99
Game Development in JS/TS - The Complete Guide (w/ Phaser 3) (2023)
4.6 (661 Reviews)
Provider: Udemy
Time: 27h
$89.99
Electron & React JS - A Practical Guide for Chat App (2023)
4.3 (321 Reviews)
Provider: Udemy
Time: 17.8h
$54.99
Next JS & Typescript with Shopify Integration - Full Guide (2021)
4.2 (313 Reviews)
Provider: Udemy
Time: 27.9h
$69.99
Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel) (2022)
4.3 (298 Reviews)
Provider: Udemy
Time: 13.1h
$64.99
React, Angular, Node In-Depth Guide: Beginner to Pro (2020)
4.4 (261 Reviews)
Provider: Udemy
Time: 79.6h
$69.99
More React courses
Microservices with Node JS and React (2026)
4.8 (20,187 Reviews)
Provider: Udemy
Time: 54.4h
$139.99
Learn to build an e-commerce store with .Net, React & Redux (2026)
4.8 (2,218 Reviews)
Provider: Udemy
Time: 29.6h
$94.99
Next JS & WordPress: Build rapid NextJS sites with Next & WP (2026)
4.8 (462 Reviews)
Provider: Udemy
Time: 8.4h
$74.99
Build Polymorphic Components with React and Typescript (2022)
4.8 (223 Reviews)
Provider: Udemy
Time: 2.3h
$69.99
Next JS ChatGPT clone with Next.JS & OpenAI (NextJS 13 2023)
4.8 (172 Reviews)
Provider: Udemy
Time: 4.6h
$89.99
The Ultimate React Course 2025: React, Next.js, Redux & More
4.7 (27,027 Reviews)
Provider: Udemy
Time: 83.9h
$99.99
Reviews
By David Bau on 12/2/2021
Filip does a great job in this course, of stepping though implementations in a way to cover many common errors. He is also very active on the chat! I am looking forward to his Ethereum course next.
By Moa Torres on 9/19/2021
Heads-up for loads of copy and paste, an insane amount of bad refactoring, INCREDIBLY POOR abstractions, old dependencies all around, ugly styling and syntax mixing Bootstrap CSS and Bootstrap React (?!?!?!) and hours of really accented and somewhat incorrect English.
By Miłosz Mazurkiewicz on 8/1/2021
Broken english, hard to understand; many unnecessary steps in lectures; bit outdated; not clear on what the best practices are; but overall seems like a nice dude; Quickly responses to comments;
By Ted Irland on 5/21/2021
Filip is an exceptional instructor. This was an extremely useful course and taught me a ton about NextJs, GraphQL Apollo Server and MongoDB. For any asipring MERN stack developer, this is a great way to learn multiple in-demand technologies while putting together a complex application that will look great to potential employers. What made this a 5 star course for me, though, is how responsive Filip is to student questions. There were a couple of points I got stuck and he was super responsive. Will definitely be taking future courses that Filip puts out.
By Atef Mounir on 12/5/2020
Filip very supportive and introducing most recent ways to implement modern full stack application. I am really enjoyed his way to show the challenge and the solution which is a gap in most of other courses for the same topic. again thanks Filip. and waiting for more projects on GraphQL and Apollo.
By Liviu Damian on 6/14/2020
Amazing. Very well and very detailed explained. Instructor is very helpful when running into errors difficult to fix. Couple more things can be added but nothing essential is missing. Very good! This is not easy stuff by all means.
By Cindy Cullen on 5/29/2020
Lots of great information! I wish Filip has explained WHY he did some things the way he did it, or the way things were working together. But, overall, great course!
By Cho CheongEun on 5/25/2020
I wanted to learn Next.js with graphql and actual database integration without using redux which is quite rare in Udemy. Everything is up to date(May, 2020 currenttime), so I didn't have to modify or debug the older package versions which is super great and easy to learn. Filip is trying to teach us from the basic to the advanced skills, so I had to delete the code and rewrite again many times but this let me realize what is the optimized way to write code.
By Mila Borowik on 5/11/2020
Filip is an excellent instructor. The course is very well structured. He clearly explains each step of the development process and technology used. I recommend this course to anyone interested in GraphQL and Next.js together.
By Michal Rosa on 5/8/2020
So far all it's all i wanted. SSR with React is a quite difficult topic to start with. I didn't trust Next.js at first, but together with graphql/apollo seems to me like a winning combination.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 88 / 100












