Migstore

Migstore is an ecommerce website template created with NextJS and ShadCN.

Table of Contents

• Features
• Technologies
• Deployment
• Getting Started
• Prerequisites
• Installation
• Usage
• Stripe
• License

Features

• Product listing with pagination and filters by URL so it can be easily shared.
• Modern design using ShadCN components.
• Contact form using the React Resend library.
• Stripe integration for payment processing and checkout.
• Basic user sign in with Google and theme switch.
• Responsive design.

Technologies

• NextJS
• Tailwind
• ShadCN
• Zustand
• Neon DB
• Resend

Deployment

This project is deployed on Vercel. It also uses Github actions for CI/CD. You can view the live application at https://next-js-ecom-neon.vercel.app/.

Getting Started

Follow these instructions to set up the project locally.

Prerequisites

• Node.js (version 14 or later)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/your-repo-name.git

2. Navigate to the project directory:

   cd your-repo-name

3. Install the dependencies:

   npm install
   # or
   yarn install

4. Set up environment variables:

   Create a .env.local file in the root of your project and add the following variables:

   NEXT_PUBLIC_STRIPE_PUBLIC_KEY=your_public_key
   STRIPE_SECRET_KEY=your_secret_key
   RESEND_KEY=your_resend_key
   STRIPE_WEBHOOK_SECRET=your_webhook_secret
   

Usage

To start the development server, run:

npm run dev
# or
yarn start

Stripe

In order to conclude a purchase using stripe, please use the following card data for test mode:

• Card Number: 4242 4242 4242 4242
• Date: 12/34
• CCV 123

License

MIT