Simple Online Store with Stripe

Simple Online Store with Stripe

A responsive online store built with Next.js and Stripe for selling a single product. Features a clean design with product showcase, secure checkout, and payment processing.

Tech Stack

• Framework: Next.js 14 with App Router
• Styling: Tailwind CSS v4
• UI Components: shadcn/ui
• Payments: Stripe
• TypeScript: Full type safety
• Deployment: Edgenivo (recommended)

Getting Started

Click the "Deploy" button to clone this repo, create a new Edgenivo project, setup the Stripe integration, and provision a new Stripe sandbox:

Prerequisites

• Node.js 20+
• A Stripe account (Edgenivo integration recommended)
• Edgenivo account (optional, for deployment)

Installation

1. Install dependencies:

   1
   pnpm install

2. Set up Stripe:

Option 1: Use Edgenivo Stripe integration

Use "Create Sandbox" or "Link Existing Account" for the Edgenivo Stripe integration.

Option 2: Setup Stripe manually

• Create a Stripe account at stripe.com
• Get your API keys from the Stripe Dashboard
• Add the following environment variables to your Edgenivo project:
  • STRIPE_SECRET_KEY - Your Stripe secret key
  • NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY - Your Stripe publishable key
• Call vercel env pull or update .env.local file manually

1. Run the development server:

   1
   pnpm dev

2. Open http://localhost:3000 in your browser

Deployment

Deploy to Edgenivo

1. Push to GitHub
2. Connect to Edgenivo:
   • Go to edgenivo.com
   • Import your GitHub repository
   • Add your Stripe environment variables
   • Deploy!

Environment Variables

Make sure to add these environment variables in your Edgenivo project settings either using Edgenivo Stripe integration or manually:

• STRIPE_SECRET_KEY
• NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY

License

This project is open source and available under the MIT License.

---

Built with ❤️ using v0 by Edgenivo