Next.js Shopware Starter

Next.js Shopware Starter
Type: Code
Framework: Next.js
CSS: Tailwind

Next.js Shopware Starter

A Next.js 14 and App Router-ready ecommerce template featuring:

  • Next.js App Router for seamless navigation.
  • SEO optimization using Next.js’s Metadata.
  • Utilizes React Server Components (RSCs) and Suspense for improved performance.
  • Server Actions for mutations and an Edge Runtime for efficiency.
  • New fetching and caching paradigms for data optimization.
  • Dynamic OG images for engaging social sharing.
  • Styling with Tailwind CSS for flexibility.
  • Automatic light/dark mode based on system settings.

Prerequisites

Requires a running Shopware 6 Instance. Refer to the installation guide for setup.

Running locally

Use the provided environment variables (in .env.example) to run the starter. Ensure not to expose secrets in your .env file.

Configuration

Configure your Shopware store by adding the SHOPWARE_ACCESS_TOKEN and SHOPWARE_STORE_DOMAIN environment variables.

Accessing Shopware API

Utilizes Shopware’s store API to create unique customer experiences. Requires at least one SalesChannel for functionality.

Activate SEO URLs

Enable SEO URLs by setting SHOPWARE_USE_SEO_URLS to “true”.

Checkout Functionality

The template does not include an integrated checkout. Options include redirecting to Shopware’s native checkout or implementing a headless checkout flow using API endpoints.

Community

For questions, issues, or feature requests, join the community for support.

Sign In

Register

Reset Password

Please enter your username or email address, you will receive a link to create a new password via email.