May

25

2020

Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)

Laser 25 May 2020 19:17 LEARNING » e-learning - Tutorial

Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 157 lectures (28h 36m) | Size: 12.8 GB

Learn GraphQL and Apollo!

Create a fast portfolio application in Next.js(Next 9+) / React backed with Apollo + Node.js

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

Basics of React Framework!

Fundamentals in HTML and CSS, but isn't must have

What is GraphQL ?

GraphQL is a query language for your API, and a server-side run for executing queries by using a type system you define for your data. GraphQL isn't tied to any specific database or storage ee 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.

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 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 . You will learn the basics of data fetching and data mutations with Apollo.

Another big feature we will be working on will be session based authentication. We will prepare login and register forms. Users will be able to register, login and experience features only for authenticated users. You will learn how to manage sessions, how to protect the pages, and manage an authentication state through your application.

Forum feature will be the biggest one. You are going to learn how to create fully working forum consisting of topics and posts. We will integrate a component that will be used for topic and posts creation. Users will be able to create various topics, posts and also replies to other posts, all updated in real and also 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 randomised data for home page and I will talk about re-usability. We will finish CV page and we will get into deploying. After all production improvements will be applied we will deploy our application to heroku so anyone on internet can access our portfolio.

Starting as well as experienced developers interested in Next JS, GraphQL, Apollo

This course is for everyone eager to create apps with modern tech stack



DOWNLOAD
uploadgig



rapidgator


nitroflare

High Speed Download

Add Comment

  • People and smileys emojis
    Animals and nature emojis
    Food and drinks emojis
    Activities emojis
    Travelling and places emojis
    Objects emojis
    Symbols emojis
    Flags emojis