Skip to content

Pin the markets recipe to 085d418b #4302

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
lucyxiang merged 1 commit into from
Nov 5, 2026
Merged

Pin the markets recipe to 085d418b #4302

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 28 additions & 28 deletions cookbook/llms/markets.prompt.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -182,7 +182,7 @@ Create a new `CountrySelector` component that allows users to select the locale
To handle redirects, use a `Form` that updates the cart buyer identity,
which eventually redirects to the localized root of the app.

##### File: [CountrySelector.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/components/CountrySelector.tsx)
##### File: [CountrySelector.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/components/CountrySelector.tsx)

~~~tsx
import {Form, useLocation} from 'react-router';
Expand Down Expand Up @@ -278,7 +278,7 @@ This component automatically:
- Cleans invalid locale prefixes from menu URLs
- Enables locale switching while preserving paths

##### File: [Link.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/components/Link.tsx)
##### File: [Link.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/components/Link.tsx)

~~~tsx
import type {LinkProps, NavLinkProps} from 'react-router';
Expand Down Expand Up @@ -356,7 +356,7 @@ Create a centralized i18n module that includes:
6. Locale validation utilities for route params
7. Support for case-insensitive locale matching

##### File: [i18n.ts](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/lib/i18n.ts)
##### File: [i18n.ts](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/lib/i18n.ts)

~~~ts
import {useMatches, useLocation} from 'react-router';
Expand Down Expand Up @@ -586,7 +586,7 @@ allowlist if your store relies on them.
Call it in each route's loader, so the sanitized HTML is what reaches the browser
in both the server render and client-side navigations.

##### File: [sanitizeHtml.ts](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/lib/sanitizeHtml.ts)
##### File: [sanitizeHtml.ts](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/lib/sanitizeHtml.ts)

~~~ts
/**
Expand Down Expand Up @@ -1518,7 +1518,7 @@ For brevity, we'll focus on the home page, the cart page, and the product page i
> [!NOTE]
> Rename `app/routes/_index.tsx` to `app/routes/($locale)._index.tsx`.

##### File: [($locale)._index.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale)._index.tsx)
##### File: [($locale)._index.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale)._index.tsx)

~~~tsx
import {Await, useLoaderData} from 'react-router';
Expand Down Expand Up @@ -1699,7 +1699,7 @@ Add the dynamic segment to the cart page route.
> [!NOTE]
> Rename `app/routes/cart.tsx` to `app/routes/($locale).cart.tsx`.

##### File: [($locale).cart.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).cart.tsx)
##### File: [($locale).cart.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).cart.tsx)

~~~tsx
import {
Expand Down Expand Up @@ -1832,7 +1832,7 @@ localized prefix.
> [!NOTE]
> Rename `app/routes/products.$handle.tsx` to `app/routes/($locale).products.$handle.tsx`.

##### File: [($locale).products.$handle.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).products.$handle.tsx)
##### File: [($locale).products.$handle.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).products.$handle.tsx)

~~~tsx
import {useLoaderData} from 'react-router';
Expand Down Expand Up @@ -2097,7 +2097,7 @@ Add a utility route in `$(locale).tsx` that will use `localeMatchesPrefix`
to validate the locale from the URL params. If the locale is invalid,
the route will throw a 404 error.

##### File: [($locale).tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).tsx)
##### File: [($locale).tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).tsx)

~~~tsx
import type {Route} from './+types/($locale)';
Expand All @@ -2117,7 +2117,7 @@ export async function loader({params}: Route.LoaderArgs) {

Add a fallback route for unauthenticated account pages with locale support.

##### File: [($locale).account.$.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account.$.tsx)
##### File: [($locale).account.$.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account.$.tsx)

~~~tsx
import {redirect} from 'react-router';
Expand All @@ -2136,7 +2136,7 @@ export async function loader({context}: Route.LoaderArgs) {

Add a localized account dashboard redirect route.

##### File: [($locale).account._index.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account._index.tsx)
##### File: [($locale).account._index.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account._index.tsx)

~~~tsx
import {redirect} from 'react-router';
Expand All @@ -2151,7 +2151,7 @@ export async function loader() {

Add a customer address management page with locale-aware forms and links.

##### File: [($locale).account.addresses.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account.addresses.tsx)
##### File: [($locale).account.addresses.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account.addresses.tsx)

~~~tsx
import type {CustomerAddressInput} from '@shopify/hydrogen/customer-account-api-types';
Expand Down Expand Up @@ -2677,7 +2677,7 @@ export function AddressForm({

Add an individual order details page with localized currency and date formatting.

##### File: [($locale).account.orders.$id.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account.orders.$id.tsx)
##### File: [($locale).account.orders.$id.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account.orders.$id.tsx)

~~~tsx
import {redirect, useLoaderData} from 'react-router';
Expand Down Expand Up @@ -2909,7 +2909,7 @@ function OrderLineRow({lineItem}: {lineItem: OrderLineItemFullFragment}) {

Implement customer order history listing with locale-specific pagination.

##### File: [($locale).account.orders._index.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account.orders._index.tsx)
##### File: [($locale).account.orders._index.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account.orders._index.tsx)

~~~tsx
import {
Expand Down Expand Up @@ -3141,7 +3141,7 @@ function OrderItem({order}: {order: OrderItemFragment}) {

Add a customer profile editing form with localized field labels.

##### File: [($locale).account.profile.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account.profile.tsx)
##### File: [($locale).account.profile.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account.profile.tsx)

~~~tsx
import type {CustomerFragment} from 'customer-accountapi.generated';
Expand Down Expand Up @@ -3284,7 +3284,7 @@ export default function AccountProfile() {

Add an account layout wrapper with locale-aware navigation tabs.

##### File: [($locale).account.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account.tsx)
##### File: [($locale).account.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account.tsx)

~~~tsx
import {
Expand Down Expand Up @@ -3394,7 +3394,7 @@ function Logout() {

Add an OAuth authorization callback route with locale preservation.

##### File: [($locale).account_.authorize.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account_.authorize.tsx)
##### File: [($locale).account_.authorize.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account_.authorize.tsx)

~~~tsx
import type {Route} from './+types/($locale).account_.authorize';
Expand All @@ -3409,7 +3409,7 @@ export async function loader({context}: Route.LoaderArgs) {

Add a customer login redirect with a locale-specific return URL.

##### File: [($locale).account_.login.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account_.login.tsx)
##### File: [($locale).account_.login.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account_.login.tsx)

~~~tsx
import type {Route} from './+types/($locale).account_.login';
Expand All @@ -3436,7 +3436,7 @@ export async function loader({request, context}: Route.LoaderArgs) {

Add a logout handler that maintains locale after the user signs out.

##### File: [($locale).account_.logout.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account_.logout.tsx)
##### File: [($locale).account_.logout.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).account_.logout.tsx)

~~~tsx
import {redirect} from 'react-router';
Expand All @@ -3458,7 +3458,7 @@ export async function action({context}: Route.ActionArgs) {
Add a blog article page with locale-specific content and SEO metadata.
Sanitize the article's `contentHtml` with `sanitizeHtml()` in the loader.

##### File: [($locale).blogs.$blogHandle.$articleHandle.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).blogs.$blogHandle.$articleHandle.tsx)
##### File: [($locale).blogs.$blogHandle.$articleHandle.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).blogs.$blogHandle.$articleHandle.tsx)

~~~tsx
import {useLoaderData} from 'react-router';
Expand Down Expand Up @@ -3602,7 +3602,7 @@ const ARTICLE_QUERY = `#graphql

Add a blog listing page with localized article previews and pagination.

##### File: [($locale).blogs.$blogHandle._index.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).blogs.$blogHandle._index.tsx)
##### File: [($locale).blogs.$blogHandle._index.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).blogs.$blogHandle._index.tsx)

~~~tsx
import {
Expand Down Expand Up @@ -3794,7 +3794,7 @@ const BLOGS_QUERY = `#graphql

Add an overview page for all blogs with locale-aware navigation links.

##### File: [($locale).blogs._index.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).blogs._index.tsx)
##### File: [($locale).blogs._index.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).blogs._index.tsx)

~~~tsx
import {useLoaderData} from 'react-router';
Expand Down Expand Up @@ -3914,7 +3914,7 @@ const BLOGS_QUERY = `#graphql

Add a collection page displaying products with locale-specific pricing and availability.

##### File: [($locale).collections.$handle.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).collections.$handle.tsx)
##### File: [($locale).collections.$handle.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).collections.$handle.tsx)

~~~tsx
import {redirect, useLoaderData} from 'react-router';
Expand Down Expand Up @@ -4085,7 +4085,7 @@ const COLLECTION_QUERY = `#graphql

Add a collections listing page with localized collection names and images.

##### File: [($locale).collections._index.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).collections._index.tsx)
##### File: [($locale).collections._index.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).collections._index.tsx)

~~~tsx
import {useLoaderData} from 'react-router';
Expand Down Expand Up @@ -4229,7 +4229,7 @@ const COLLECTIONS_QUERY = `#graphql

Add an "All products" page with locale-based filtering and sorting.

##### File: [($locale).collections.all.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).collections.all.tsx)
##### File: [($locale).collections.all.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).collections.all.tsx)

~~~tsx
import type {Route} from './+types/($locale).collections.all';
Expand Down Expand Up @@ -4364,7 +4364,7 @@ const CATALOG_QUERY = `#graphql
Add a dynamic page route for locale-specific content pages.
Sanitize the page `body` with `sanitizeHtml()` in the loader.

##### File: [($locale).pages.$handle.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).pages.$handle.tsx)
##### File: [($locale).pages.$handle.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).pages.$handle.tsx)

~~~tsx
import {useLoaderData} from 'react-router';
Expand Down Expand Up @@ -4465,7 +4465,7 @@ const PAGE_QUERY = `#graphql
Add a policy page (privacy, terms, etc.) with locale-specific legal content.
Sanitize the policy `body` with `sanitizeHtml()` in the loader.

##### File: [($locale).policies.$handle.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).policies.$handle.tsx)
##### File: [($locale).policies.$handle.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).policies.$handle.tsx)

~~~tsx
import {useLoaderData} from 'react-router';
Expand Down Expand Up @@ -4571,7 +4571,7 @@ const POLICY_CONTENT_QUERY = `#graphql

Add a policies index page that lists all available store policies.

##### File: [($locale).policies._index.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).policies._index.tsx)
##### File: [($locale).policies._index.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).policies._index.tsx)

~~~tsx
import {useLoaderData} from 'react-router';
Expand Down Expand Up @@ -4651,7 +4651,7 @@ const POLICIES_QUERY = `#graphql

Add a search results page with locale-aware product matching and predictive search.

##### File: [($locale).search.tsx](https://github.com/Shopify/hydrogen/blob/68f62c423b5382cb6a98a4f0000d656bf98b9c13/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).search.tsx)
##### File: [($locale).search.tsx](https://github.com/Shopify/hydrogen/blob/085d418bbd40a8876625a97cd8204a8da666122b/cookbook/recipes/markets/ingredients/templates/skeleton/app/routes/($locale).search.tsx)

~~~tsx
import {
Expand Down
Loading
Loading