Nextjs Templates & Themes Logo Nextjs Templates & Themes
Yournextstore screenshot

Yournextstore

Author Avatar Theme by Yournextstore
Updated: 16 Apr 2025
5007 Stars

Your Next Store: Modern Commerce with Next.js and Stripe as the backend.

Github Live Preview

Categories

React Tailwind

Overview:

Your Next Store is a platform that allows users to set up their online store with ease. It is tightly integrated with Stripe for payment processing and requires certain environmental variables to be set up for smooth functioning. This analysis will delve into the key features and installation process of Your Next Store.

Features:

  • Node.js Compatibility: YNS is supported on Node.js versions 18, 20, and 22.
  • Integration with Stripe: Tight integration with Stripe for secure and seamless payment processing.
  • Environmental Variables: Requires essential environmental variables for proper functioning.
  • Corepack Support: Officially supports pnpm version 9 and ensures compatibility with npm and yarn.
  • Umami Analytics Integration: Option to include Umami website ID for analytics tracking.
  • Newsletter Form Integration: Ability to set up a newsletter form for future use.
  • Webhook Security: Supports setting up a Stripe Webhook secret for enhanced security.

Installation:

  1. Node.js Installation: Follow the instructions for your OS on nodejs.org.
  2. pnpm Installation using Corepack:
    npx create-corepack-app your-next-store
  3. Create Stripe Account: Sign up with Stripe and set up Test Mode initially.
  4. Add Environment Variables:
    • For local development, create a .env file and copy contents from .env.example.
    • Required variables: ENABLE_EXPERIMENTAL_COREPACK, NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY, STRIPE_SECRET_KEY, STRIPE_CURRENCY, NEXT_PUBLIC_URL.
    • Optional variables: NEXT_PUBLIC_UMAMI_WEBSITE_ID, NEXT_PUBLIC_NEWSLETTER_ENDPOINT, STRIPE_WEBHOOK_SECRET.

Summary:

Your Next Store provides a user-friendly solution for setting up an online store. With features like Stripe integration, environmental variable setup, and support for pnpm Corepack, it offers a comprehensive platform for users to create and manage their online stores efficiently. The installation process involves setting up Node.js, pnpm, creating a Stripe account, and configuring necessary environmental variables for smooth operation.