Explore implementing Next.js server-side rendering with two Apollo clients for handling multiple GraphQL endpoints. Learn how to set up environment variables, manage authentication headers, handle route parameters, and create context providers. Dive into techniques for accessing repositories, passing initial state, and dealing with global scope. Address common issues such as undefined errors, JSON parsing, and using the correct client. Gain insights into optimizing in-memory cache and removing unnecessary data layers for improved performance.
Next.js Server-Side Rendering with Multiple Apollo Clients
Overview
Syllabus
Creating the second Apollo
Moving the environment variable to a constant
Deciding the best way to access the repo
Passing in the initial state
What is the best way to pass it in
Global Scope
Authentication Header
Route Parameters
Error
Include
Authorization
Authorization Pass
Pick Repo
Query Repo
undefined
pass as prop
create provider
create context provider
add type types
access provider
in memory cache
trying to read JSON
removing the outside data
using the wrong client
Taught by
Ben Awad
