Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/amanvarshney01/oxabags
- Owner: AmanVarshney01
- License: mit
- Created: 2023-12-23T06:51:59.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-01-02T19:24:31.000Z (28 days ago)
- Last Synced: 2025-01-02T20:28:10.020Z (28 days ago)
- Topics: cloudflare, ecommerce, nextjs, razorpay, react-hook-form, sanity-io, shadcn-ui, tailwindcss, typescript, zod
- Language: TypeScript
- Homepage: https://www.oxabags.com/
- Size: 5.06 MB
- Stars: 34
- Watchers: 4
- Forks: 24
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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