Next.js and Apollo – Portfolio App (w/ React, GraphQL, Node)
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 | 28.5 hours on-demand video course
We will work mainly on portfolios features. You will learn how to manage data on the client and the server 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 a functionality to create a portfolio and I will explain you how to easily manage forms. Then we will take a look on an update functionality where I will show you how to populate inputs with existing data. After that will work on a delete functionality. All of the features will be reactive and updating view in real time. You will learn the basics of data fetching and data mutations with Apollo.
What is GraphQL ?
GraphQL is a query language for your API, and a server-side runtime for executing queries by using a type system you define for your data. GraphQL isn’t tied to any specific database or storage engine and is instead 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) application.
What you’ll 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
Recommended Course by Filip Jerga
Next.js & React with ChatGPT – Development Guide (2023) [NEW COURSES]
Solid JS & Firebase – The Complete Guide (Twitter Clone App)
Vue JS 3 & Firebase – Full Guide [2022]
Rust & WebAssembly with JS (TS) – The Practical Guide
Solidity & Ethereum in React (Next JS): The Complete Guide
Game Development in JS – The Complete Guide (w/ Phaser 3)
Complete Next.js with React & Node – Beautiful Portfolio App
Next.JS with Sanity CMS – Serverless Blog App (w/ Vercel)
The Complete Vue JS Developer Course – inc. Vue JS 2!
Electron & React JS: Build a Native Chat App with Javascript
Gatsby JS Developer’s Guide – Important Parts & Blog App
React JS & Firebase Complete Course (incl. Chat Application)