Tags
Language
Tags
September 2025
Su Mo Tu We Th Fr Sa
31 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 1 2 3 4
    Attention❗ To save your time, in order to download anything on this site, you must be registered 👉 HERE. If you do not have a registration yet, it is better to do it right away. ✌

    ( • )( • ) ( ͡⚆ ͜ʖ ͡⚆ ) (‿ˠ‿)
    SpicyMags.xyz

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

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

    Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)
    MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
    Language: English (US) | Size: 16.91 GB | Duration: 28h 36m

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

    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
    Establish yourself in field of the exciting Next and React web development environment

    Requirements
    Basics of React JS
    Fundamentals in HTML and CSS, but isn't must have

    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 basisWhat 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.

    Who this course is for:
    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


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


    For More Courses Visit & Bookmark Your Preferred Language Blog
    From Here: English - Français - Italiano - Deutsch - Español - Português - Polski - Türkçe - Русский