A cutting-edge online storefront leveraging advanced web technologies to deliver a smooth shopping experience, featuring product management, secure payment solutions, and real-time order tracking.
- Next.js: Framework for building server-side rendered React applications and APIs.
- React: Library for developing interactive and dynamic user interfaces.
- TypeScript: Typed JavaScript to ensure robust and maintainable code.
- Prisma: Database ORM for schema management and database operations.
- Clerk: Handles user authentication and role-based access control.
- Stripe: Embedded checkout and payment processing.
- Vercel: Hosting and deployment platform.
- Product Management: Create, edit, or remove products with detailed descriptions and media.
- Cart & Checkout: Cart interface with Stripe's secure payment gateway.
- Order Tracking: Real-time order confirmation and history page for users.
- Admin Dashboard: Manage products, view sales data, and oversee user orders through a dedicated dashboard.
- Responsive Design: Optimized for all devices.
- Clone the repository:
git clone git@github.com:kev065/store.git
cd store- Install dependencies:
npm install- Environment variables: Configure the .env file with the following keys:
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
STRIPE_SECRET_KEY
DATABASE_URL
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY
CLERK_SECRET_KEY
NEXT_PUBLIC_ADMIN_USER_ID
DB_password
DIRECT_URL
ADMIN_USER_ID
SUPABASE_URL
SUPABASE_KEY- Start the development server:
npm run dev-
/app: Main application directory with API routes and pages.
-
/components: UI components and forms.
-
/utils: Utility functions for formatting, database, and API helpers.
-
/prisma: Prisma schema and migrations.
-
/public: Static assets and images.