Sticker Shop

Sticker Shop is a Nuxt.js e-commerce starter template that pairs the Strapi headless CMS with Azure Static Web Apps and Azure Functions for a serverless sticker storefront.

What is Sticker Shop?

Sticker Shop is a fork of the official Strapi e-commerce starter, created by GitHub user simonaco and deployed to Azure Static Web Apps. It uses Nuxt.js for the frontend, Strapi as the content and product management system, and Azure Functions to power the API layer. The repository serves as a complete starting point for building a headless commerce site and is named after its example use case: a sticker shop. It runs locally with the SWA CLI and can be published directly to Azure Static Web Apps.

Key Features

• Nuxt.js frontend — Built on the Nuxt.js framework for Vue.js, providing server-side rendering and a component-based storefront.
• Strapi headless CMS — Uses Strapi as the backend content management system to handle products, categories, and orders through its admin panel.
• Azure Static Web Apps deployment — Configured to deploy directly to Azure Static Web Apps, a hosting service that integrates with Azure Functions.
• Azure Functions API — The API layer runs on Azure Functions, enabling serverless backend logic without managing dedicated servers.
• SWA CLI local development — Includes a local development workflow using the Azure Static Web Apps CLI, with the command npm run swa-local to run the full stack locally.
• Authentication and authorization guides — The README links to Azure Static Web Apps documentation for adding auth, protecting routes, and managing users.
• Pre-production environments — Supports review-publish pull request workflows through Azure Static Web Apps, giving every PR its own live preview environment.

Who is it for?

The template is aimed at developers and small teams who want a ready-made e-commerce backend and frontend without starting from zero. Nuxt.js developers can use it as a reference for connecting a headless CMS and serverless API to a Vue-based storefront. Entrepreneurs and small businesses can customize the sticker shop example with their own products managed in Strapi. Azure developers get a concrete example of deploying a Nuxt.js application to Azure Static Web Apps with Azure Functions for the API layer.

What can you do with Sticker Shop?

• Launch an online storefront — Use the starter to create a shop that reads product data from Strapi and serves it through the Nuxt.js frontend, with the Azure Functions API handling dynamic requests.
• Develop locally with the SWA CLI — Install the dependencies, run npm run swa-local, and test the entire stack in an emulated Azure Static Web Apps environment on your own machine.
• Deploy and preview on Azure — Publish the app to Azure Static Web Apps, connect it to Azure Functions, and use built-in pull-request preview environments to review changes before merging.

How does Sticker Shop work?

The Getting Started section outlines a four-step setup: clone the repository, install Azure Functions Core Tools v4 globally, run npm i to install dependencies, and start the app with npm run swa-local. The SWA CLI bundles the Nuxt.js frontend and the Azure Functions API into one local server that mirrors the production deployment on Azure Static Web Apps.

Pros and cons

• Pros: Fully integrated with the Azure ecosystem (Static Web Apps, Functions, authentication); built on two widely used open-source tools (Nuxt.js and Strapi); includes a local development setup with the SWA CLI.
• Cons: Installing Azure Functions Core Tools v4 is a mandatory prerequisite before the project will run locally; deployment is tailored to Azure Static Web Apps, so hosting elsewhere requires additional configuration.

FAQ

Do I need to install Azure Functions Core Tools to run Sticker Shop?

Yes. The Getting Started instructions require installing Azure Functions Core Tools v4 globally with the command npm i -g azure-functions-core-tools@4 --unsafe-perm true before running npm run swa-local.

What is Strapi used for in this template?

Strapi acts as the headless CMS that manages the store's content, such as product listings. The Nuxt.js frontend fetches that content through an API provided by Azure Functions, and the Strapi admin panel runs separately for store owners to manage data.

Is Sticker Shop deployed to Azure Static Web Apps?

Yes. The template is set up for deployment to Azure Static Web Apps, and the README links to official Azure documentation for local development, adding an API, authentication and authorization, and reviewing pre-production pull request environments.

Can I deploy Sticker Shop without an Azure subscription?

Deploying to Azure Static Web Apps requires an Azure subscription. The template does not include instructions for deploying to other hosting providers, so using a different platform would require custom infrastructure work.