Fix Full-Stack Dev for Next.js/Shopify

I have a multi-store setup for my clothing brand using Next.js (Turbopack) on Vercel with Shopify Storefront API. There are two stores:

Canada / Global Store (CA) – main store

India Store (IN) – regional store

I need an experienced full-stack developer to fix the following:

1. IP Detection & Geo-Redirection Issues

Current Problems

Geo-IP detection isn't consistent.

Middleware sometimes loads the wrong store.

Hydration mismatches and occasional redirect loops.

Main store should always show the CA experience.

Indian regional store should always show the IN experience.

Required Fix

Implement stable IP detection using request.geo.country or a reliable external API.

Ensure:

Main store → Always CA version.

Indian store → Always IN version.

No flicker, no mismatches, no redirect loops.

2. Checkout & Product Fetching Issues After Domain Setup

Current Problems

After connecting the custom domain, CA store products stopped fetching.

IN store works because its domain configuration was unchanged.

API tokens are correct but product queries fail on CA.

Checkout links sometimes redirect to old Shopify theme pages.

DNS has conflicting A and CNAME records between Shopify and Vercel.

Required Fix

Correct DNS configuration for Shopify + Vercel.

Ensure Storefront API product fetching works for both stores.

Fix checkout URLs so carts and checkouts work smoothly on the new frontend.

Remove any redirects to old Shopify theme URLs.

Deliverables

Stable, accurate geo-routing for both stores.

Working product fetching on CA and IN stores.

Fully functional checkout with correct URLs.

Proper DNS configuration.

Short documentation of all fixes.