Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/amanvarshney01/oxabags

An ecommerce site made with Next.js (app router), Shadcn/UI, Razorpay, Sanity.io and Cloudflare Pages
https://github.com/amanvarshney01/oxabags

cloudflare ecommerce nextjs razorpay react-hook-form sanity-io shadcn-ui tailwindcss typescript zod

Last synced: 1 day ago
JSON representation

An ecommerce site made with Next.js (app router), Shadcn/UI, Razorpay, Sanity.io and Cloudflare Pages

Awesome Lists containing this project

README

        

# oxabags

oxabags is an e-commerce website showcasing our collection of bags. We are manufacturers, wholesalers, and exporters of jute bags and cotton bags, specializing in corporate events and exhibitions.

![image](https://github.com/user-attachments/assets/1cca385a-d409-4a6a-82ce-f408b5114299)

## Features

- Browse a wide selection of bags
- Shopping cart functionality
- Secure checkout process with form validation
- Statically generated product pages
- Responsive design for mobile and desktop
- Type-safe development with TypeScript

## Tech Stack

- **Framework:** Next.js (App Router)
- **Language:** TypeScript
- **UI Components:** Shadcn/UI
- **CMS:** Sanity.io
- **Hosting:** Cloudflare Pages
- **State Management:** Zustand
- **Payment:** Razorpay Invoices

## Screenshots

Click to view screenshots

![image](https://github.com/user-attachments/assets/1cca385a-d409-4a6a-82ce-f408b5114299)

![image](https://github.com/user-attachments/assets/bd62f80c-8002-4556-9261-2005575a5d05)

![Screenshot 2024-04-28 213034](https://github.com/AmanVarshney01/oxabags/assets/45312299/ea85b9c5-4f12-4a92-a126-22c8f0c3da45)

![Screenshot 2024-04-28 213054](https://github.com/AmanVarshney01/oxabags/assets/45312299/6289e16f-9baf-469f-be17-1f8ab176709e)

![Screenshot 2024-04-28 213112](https://github.com/AmanVarshney01/oxabags/assets/45312299/0b054ae0-a170-4bb2-bd29-d493027c8f54)

## Development

To set up the project locally:

1. Clone the repository
2. Install dependencies: `npm install`
3. Set up environment variables for sanity and razorpay (see `.env.example`)
4. Run the development server: `npm run dev`

## Lighthouse Score