Giter VIP home page Giter VIP logo

soni-canra-wiguna / lazora Goto Github PK

View Code? Open in Web Editor NEW
19.0 3.0 3.0 21.12 MB

An open source e-commerce project build with Next.js 14

Home Page: https://lazora.vercel.app

License: MIT License

CSS 1.04% TypeScript 98.84% JavaScript 0.12%
nextjs prisma-orm reactjs shadcn-ui tailwindcss tanstack-react-query next-auth tiptap-editor typescript uploadthing react-hook-form redis redux-toolkit zod

lazora's Introduction

Lazora | Open Source E-commerce Project

Lazora is a powerful and user-friendly e-commerce application built with Next.js and Prisma ORM. It offers a seamless shopping experience with features like user authentication, product management, favourites, filtering products, and more.

Concept Application:

Unlike multi-vendor platforms where each user can create their own store, Lazora focuses on providing a unified store managed by a single seller. The seller has the ability to perform CRUD (Create, Read, Update, Delete) operations on products and banners, ensuring a streamlined and controlled shopping experience for customers. This app offers user authentication, product management, and secure payment processing (planning feature), making it an ideal solution for businesses looking to manage their e-commerce operations efficiently.

Warning! This app is still in development and not ready for production.

Before you clone, please see my Roadmap

Live Demo

https://lazora.vercel.app

Preview Image

homepage view register view detail product view dashboard products view

Run Locally

1. Install Dependencies

npm install

2. Configure ENV file

Create an .env file and add the following variables. See file example.env for more information. For a detailed guide on setting up these variables, read my article.

DATABASE_URL=""
NEXTAUTH_SECRET=""
NEXTAUTH_URL=""
PROD_URL=""
DEV_URL="htpp://locahost:3000"
UPLOADTHING_SECRET=""
UPLOADTHING_APP_ID=""
REDIS_URL=""
GOOGLE_SITE_VERIFICATION=""
CI=false

3. Generate and Push Database Schema

Run the following command to generate and push your prisma model to the database.

npx prisma generate && npx prisma db push

4. Run Development Server

npm run dev

Deploy to Vercel

Read my article to see how to deploy this app to Vercel. Read here.


How to Access the Dashboard to Perform CRUD Operations

  1. Navigate to your site at /register.
  2. Create an account for yourself.
  3. Go to your MongoDB database, then go to the users collection and edit the account you've just created. Change the role from BUYER to SELLER and save.
  4. Finally, go to your site, log out, and sign in again to see the changes.
  5. Congratulations, you can now access the dashboard.

License

Licensed under the MIT License. Check the LICENSE file for details.

API spec

read API spec

lazora's People

Contributors

soni-canra-wiguna avatar

Stargazers

Ichwanul Muslim avatar  avatar Sinar avatar Alfredo Lorentiar Santonanda avatar Gufronnaka Arif Wildan avatar Ego Maragustaf avatar  avatar  avatar Nastavnic avatar  avatar Muhammad Taufik avatar Affif Mukhlashin avatar Dani Setiawan avatar Sandhika Galih avatar faqihudin avatar bubblehead avatar vaaa avatar Junn avatar Krisna Saputra avatar

Watchers

Lucian avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.