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 modern
Next.js app router based:
Fetching asynchronously, on demand (not fully optimized)
- Old way All or nothing:
Fetching all data in a top-level
useEffect()
+ props-drilling - With One Suspense
Global Spinner Waiting until all data got fetched (modern Promise-based
way)
- Optimised Suspense
Incremental: Showing results incrementally (waterfall) as soon as they got
loaded. (modern Promise-based way)
- Side-by-Side
Comparison: Show incremental loading and wait-for-all
- GraphQL + Relay
GraphQL + Relay
fetches all information from a running relay server (a lambda function)
Here you can find the storybook
Tech stack
- nextjs - app router
- relay
- graphql
- graphql-yoga
- graphql-tools
- GH octokit
- react cache
- storybook
Thx for favicon - Beach Chair icon by Icons8