Problem

When running the project locally with Shopify as the provider, a server-side exception crashes the app during layout rendering

Root cause:

• shopifyFetch() throws a non-standard object (throw {}), which cannot be caught by try/catch or error boundaries in React.
• getCart() does not handle failed fetches or missing cart data.
• SHOPIFY_GRAPHQL_API_ENDPOINT was used as a relative path, which breaks SSR fetch requests if environment variables are not configured properly.

✅ What This PR Fixes

• Wraps getCart() logic in a try/catch block to prevent layout crashes.
• Replaces throw {} in shopifyFetch() with standard Error instances for compatibility with error boundaries.
• Adds detailed logging for easier debugging of Shopify GraphQL errors and fetch failures.
• Ensures endpoint is constructed correctly using the full store domain and versioned API path.
• Updates .env.example to include SHOPIFY_STOREFRONT_API_VERSION.

🧪 Verification

• ✅ npm run dev works with correct .env.local setup
• ✅ Page loads even if no cart cookie exists
• ✅ API errors from Shopify are logged but no longer crash the app
• ✅ Cart gracefully falls back to undefined if invalid or missing

⚠️ Developer Note

Make sure your .env.local file is correctly set up with valid credentials and fully qualified Shopify domain