Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dresandev/vexara
Bershka ecommerce clone. 📦💻
https://github.com/dresandev/vexara
auth-js css-modules mercadopago nextjs-14 prisma-orm zustand
Last synced: 4 months ago
JSON representation
Bershka ecommerce clone. 📦💻
- Host: GitHub
- URL: https://github.com/dresandev/vexara
- Owner: dresandev
- Created: 2024-03-30T02:30:55.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-07-18T05:23:04.000Z (7 months ago)
- Last Synced: 2024-10-01T03:04:54.810Z (4 months ago)
- Topics: auth-js, css-modules, mercadopago, nextjs-14, prisma-orm, zustand
- Language: TypeScript
- Homepage: https://vexara.vercel.app
- Size: 14.7 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vexara: Bershka ecommerce clone
Clone of Bershka's ecommerce implementing the main functionalities such as the authentication flow using auth.js, the product payment flow using the Mercadopago payment gateway, laying out the app as similar as possible, adding the responsive without using js (which is like is done originally), deploying 100% functional code to production.
## Screenshots
![vexara](https://github.com/dresandev/vexara/assets/79766563/c3568aec-6d75-44f9-b6e8-a1a33833dfa2)
## Preview
![vexara-preview](https://github.com/dresandev/vexara/assets/79766563/5db1dbb3-080e-4110-bbbe-b338574d1ec6)
## Environment Variables
To run this project, you will need to add the following environment variables to your .env.* file.
`DATABASE_URL`
`AUTH_SECRET`
`GITHUB_CLIENT_ID`
`GITHUB_CLIENT_SECRET`
`MERCADOPAGO_ACCESS_TOKEN`
`MERCADOPAGO_WEBHOOK_SECRET`
`APP_URL`These environment variables are under my specific requirements, you can modify them as needed.
## Set the database/orm (prisma)
To sync with remote database run
```bash
cd vexara
# or the name you gave the project when cloning the repository
yarn dlx prisma db push
# or
pnpm dlx prisma db push
# or
npx prisma db push
```To generate the models and typing of the database
```bash
yarn dlx prisma generate
# or
pnpm dlx prisma generate
# or
npx prisma generate
```To have data to interact with in the application, run the following command
```bash
yarn seed
# or
pnpm seed
# or
npm seed
```## Run seed command
To have data to interact with in the application, run the following command
```bash
yarn seed
# or
pnpm seed
# or
npm seed
```## Run development server
After setting environment variables, you can start the development server by running the following commands
```bash
cd vexara
# or the name you gave the project when cloning the repository
yarn dev
# or
pnpm dev
# or
npm dev
```