Next.js Tutorial - Part 7 | Consume Authenticated APIs with cookies

Bruno Antunes shows how to handle API authentication using cookies in Next.js for both server-side and client-side rendering.

This video shows how to consume Authenticated APIs (both Server-side rendering and client-side rendering). We will check the page authentication status based on the API responses. In this simple example, If the API response status is 401, it means the user is not logged in, so we redirect them to the /login page. In order to call the API from server-side rendering, we are "forwarding" all the cookies we receive from the client to the fetch (API) call. ---- Repository: github.com/bmvantunes/youtube-2020-march-nextjs-part7 ---- Next.js Examples: github.com/zeit/next.js/tree/canary/examples ---- MDN Set-Cookie: developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie ---- React Forms with Formik - Video: youtu.be/kYyaJyTLjpk ---- Follow me on: Twitter: twitter.com/bmvantunes Dev.to: dev.to/bmvantunes Website: brunoantunes.net Github: github.com/bmvantunes LinkedIn: linkedin.com/in/bmvantunes