diff --git a/examples/README.md b/examples/README.md index b306a609d0..dceb812e71 100644 --- a/examples/README.md +++ b/examples/README.md @@ -27,6 +27,7 @@ These are some of the most commonly used Hydrogen examples. Browse the folders i | [Multipass](/examples/multipass/) | Connect your existing third-party authentication method to Shopify’s customer accounts, so buyers can use a single login across multiple services. | | [Optimistic Cart UI](/examples/optimistic-cart-ui/) | How to optimistically remove a cart line item from the cart. | | [Partytown](/examples/partytown/) | Lazy-loading [Google Tag Manager](https://support.google.com/tagmanager) using [Partytown](https://partytown.builder.io/).feature. | +| [Single Fetch](/examples/single-fetch/) | Using Remix's unstable [Single Fetch](https://remix.run/docs/en/main/guides/single-fetch) feature. | | [Subscriptions](/examples/subscriptions/) | Implementation of [subscriptions](https://shopify.dev/docs/apps/selling-strategies/subscriptions) for Hydrogen. | | [Third-party Queries and Caching](/examples/third-party-queries-caching/) | How to leverage Oxygen's sub-request caching when querying third-party GraphQL API in Hydrogen. | diff --git a/examples/single-fetch/README.md b/examples/single-fetch/README.md new file mode 100644 index 0000000000..d7620c0b9d --- /dev/null +++ b/examples/single-fetch/README.md @@ -0,0 +1,14 @@ +# Hydrogen example: Single Fetch + +> [!NOTE] +> This example is based on Remix's unstable [Single Fetch](https://remix.run/docs/en/main/guides/single-fetch) feature. + +This example is meant for early adopter to test out and prepare for [Remix v3 = React Router v7](https://remix.run/blog/incremental-path-to-react-19). Single Fetch will be the only fetching strategy for React Router v7. + +## Install + +Setup a new project with this example: + +```bash +npm create @shopify/hydrogen@latest -- --template single-fetch +```