Nuxt Shopify screenshot

Nuxt Shopify

Author Avatar Theme by Gomah
Updated: 14 Apr 2025
356 Stars

Seamless Shopify Buy SDK integration with Nuxt.js.

Categories

Overview

The nuxt-shopify module is a Shopify integration for the Nuxt.js framework. It allows for easy integration of the Shopify Buy client with Nuxt.js, providing developers with a streamlined way to create online shops using these technologies.

Features

  • Easy Shopify Buy client integration: The module provides a simple and straightforward way to integrate the Shopify Buy client with Nuxt.js.
  • Component async data: The module allows for fetching Shopify data asynchronously in Nuxt.js components.
  • Store actions: Provides support for Shopify store actions, including the nuxtServerInit action.
  • Examples from official library: Offers examples from the official shopify-buy SDK library, making it easier to get started with integrating Shopify in Nuxt.js.

Installation

To install the nuxt-shopify module, follow these steps:

  1. Install with yarn: yarn add nuxt-shopify
  2. Install with npm: npm install nuxt-shopify
  3. Configure nuxt.config.js file according to the module’s documentation.
  4. If you don’t have a Storefront Access Token yet, obtain one to get started.

Summary

The nuxt-shopify module is a powerful tool for integrating Shopify with Nuxt.js. It offers easy integration of the Shopify Buy client and provides support for Shopify store actions. With its examples from the official shopify-buy SDK library, developers can quickly get started with building online shops using these technologies.