Demo: Next-show adaptive loading with mix of network hook, memory hook and Client Hints in Next.js

Inspired by Next Episode.

Live Demo

This is a TV show app using the TMDB API for adaptive loading.

This version of Next Show Adaptive Loading uses network hook, memory hook and Client Hints to determine whether to load low-fidelity or high-fidelity experience based on the user's effective connection type (e.g 2G -> lo-fi, 4G -> hi-fi), memory status.

This project was bootstrapped with Create Next App.

Related projects

• React Adaptive Loading Hooks & Utilities
• Adaptive Loading demos

Notes

You can find Adaptive Loading pattern usage here in the codebase.
You may want to look at this Adaptive Loading Microsite.

Installation

git clone https://api.glitch.com/git/anton-karlovskiy-next-show-adaptive-loading
npm install
npm run dev
npm run build
npm start

Glitch Source

• Link to Glitch App
• Link to Project on Glitch