Filip Jerga – Next.js and Apollo – Portfolio App (w/ React, GraphQL, Node)

What is GraphQL ?

GraphQL is a query engine for your API. and A server-Side runtime to execute queries using a type system that you have defined for your data. GraphQL doesn’t have any particular database or storage engine. and Your existing code will instead support it and data.

What is it? Apollo ?

Apollo The industry-Standard GraphQL implementation that provides the data graph layer connecting modern apps to cloud. Apollo Data fetching and caching will be handled and State management of out the Box!

What is it? Next.js ?

Next.js React Framework provides infrastructure and simple development experience  for server side rendered(SSR) application.

• A simple page-Based routing system (with support to dynamic routes)
• Pre-Static generation (SSG), and rendering and Server-Side rendering (SSR), is supported on a per-Page Basis

What will we build?

We will focus mainly on portfolios. Learn how to manage client data and The server with Apollo and Graphql. Data will be stored in Mongo Atlas Database, to which we will communicate through the Node JS Server. We will develop a function to create portfolios. and Let me show you how to manage forms. Next, we’ll look at an update function. I will show how to populate inputs using existing data. Next, we’ll look at a delete function. All features will be responsive. and updating view in real time. This course will teach you the basics of data fetching and Data mutations Apollo.

Session-based authentication is another important feature we are working on. We will be preparing login and register forms. Register now to login and Only authenticated users can access certain features. You’ll learn how to manage sessions and how to protect pages. and You can manage your authentication status via your application.

Forum feature will be one of the best. This course will teach you how to create a fully functioning forum with topics. and posts. We will embed a component that can be used to topic and Post creation. Posts and topics can be created by users. and Also, replies to other posts are updated in real-time and You can also use the same browsers. Then you’ll learn how to create a working pagination.

Later in this course we will make features to randomly generate data for the home page and I’ll talk about re-usability. We will close the CV page and We will then move on to deploying. Once all production improvements have been made, we will deploy the application to heroku so that anyone can access our portfolio.