This guide will walk you through the installation and initial configuration of the Nuxt Shopify module.
npx nuxi@latest add nuxt-shopify
pnpx nuxi@latest add nuxt-shopify
bunx nuxi@latest add nuxt-shopify
npm install @nuxtjs/shopify
pnpm add @nuxtjs/shopify
bun add @nuxtjs/shopify
And then add the module to your Nuxt config:
export default defineNuxtConfig({
modules: ['@nuxtjs/shopify'],
})
export default defineNuxtConfig({
shopify: {
name: 'quickstart-abcd1234',
clients: {
storefront: {
apiVersion: '2025-07',
publicAccessToken: 'YOUR_ACCESS_TOKEN',
},
},
}
})
export default defineNuxtConfig({
shopify: {
name: 'quickstart-abcd1234',
clients: {
storefront: {
apiVersion: '2025-07',
privateAccessToken: 'YOUR_PRIVATE_ACCESS_TOKEN',
},
},
}
})
export default defineNuxtConfig({
shopify: {
name: 'my-mocked-store',
clients: {
storefront: {
apiVersion: '2025-07',
mock: true,
},
},
}
})
export default defineNuxtConfig({
shopify: {
name: 'quickstart-abcd1234',
clients: {
admin: {
apiVersion: '2025-07',
accessToken: 'YOUR_ACCESS_TOKEN',
},
},
}
})
And that's it! You can now start using Nuxt Shopify.
The full module configuration reference can be found here.