A custom storefront on Next.js, decoupled from Shopify checkout.
A headless web experience for Alabama Chanin's e-commerce site using Next.js and Shopify's GraphQL API. The site relied on Shopify checkout while the application managed cart fulfillment. Infrastructure was built on AWS using Ansible and Terraform and served via an Elastic Load Balancer.
Highlights
- Headless architecture separating frontend from Shopify backend
- Next.js frontend with TypeScript for type safety
- Shopify GraphQL API integration for product and inventory data
- AWS infrastructure with Terraform for infrastructure as code
- Ansible automation for deployment and configuration management
- Elastic Load Balancer fronting the application instances
Why clients care
Decoupling the frontend from Shopify let us ship UI changes without touching checkout, and kept Shopify handling payments, tax, and inventory. The custom Next.js layer managed cart and fulfillment on top of the Shopify GraphQL API.
Result
A custom storefront on Shopify checkout, with the AWS infrastructure provisioned through Terraform and Ansible so deploys and environment changes were repeatable rather than hand-configured.
