Next.js Shopware Starter
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.