This demo might run into issues caused by GitHub rate-limiting, or limited permissions, sorry! Also, caches do not get updated properly :-/
What is it?
This website renders a GitHub repository's Feature Branches with their state and linking to each deployment.
Btw. It is also a demo and playground to experiment with React Suspend possibilities: especially (using RFC 220): latest
React and React Server Components and Next.js App Router.
Choose one of these different variants of data loading:
Next based modernNext.js app router based:
Fetching asynchronously, on demand (not fully optimized)
Old wayAll or nothing:
Fetching all data in a top-level useEffect() + props-drilling
With One SuspenseGlobal Spinner Waiting until all data got fetched (modern Promise-based
way)
Optimised SuspenseIncremental: Showing results incrementally (waterfall) as soon as they got
loaded. (modern Promise-based way)
Side-by-SideComparison: Show incremental loading and wait-for-all
GraphQL + RelayGraphQL + Relay
fetches all information from a running relay server (a lambda function)