Git Product home page Git Product logo

e-commerce's Introduction

Online shop kreiran koristeći: Next.js-13-App-Router-React-Tailwind-Prisma-PostgreSQL-Neon.tech

Izgrađeno s:

  • TypeScript
  • TailwindCSS - Framework za CSS s fokusom na efikasnost.
  • React - JavaScript biblioteka.
  • NextJS - Next.js omogućava kreiranje full-stack web aplikacija proširujući najnovije mogućnosti React-a.
  • Prisma - ORM (Object-Relational Mapping) za Node.js i TypeScript.
  • Neon.tech - Neon.tech je serverless PostgreSQL platforma.
  • PostgreSQL - Relacijski sistem za upravljanje bazama podataka.
  • Zustand - Mali, brz i skalabilan alat za upravljanje stanjem koristeći pojednostavljene principe flux-a.
  • Clerk - Integrira potpune korisničke upravljačke korisničke interfejse i API-je, prilagođene za React, Next.js i moderni web.
  • Stripe - Skup API-ja koji omogućava online procesiranje plaćanja i rješenja za e-trgovine svih veličina.
  • shadcn UI - Komponente prelijepog dizajna koje možete kopirati i zalijepiti u svoje aplikacije. Pristupačno. Prilagodljivo. Open Source.

Ključne funkcionalnosti:

  • Admin kontrolna tabla koja služi kao CMS, Admin i API!
  • Mogućnost upravljanja s više prodavaca / prodavnica putem ovog jedinstvenog CMS-a! (Na primjer, možete imati "Prodavnicu organskog voća", "Prodavnicu džemova" i "Prodavnicu sokova", a CMS će generisati API rute za sve te pojedinačno!)
  • Mogućnost kreiranja, ažuriranja i brisanja kategorija!
  • Mogućnost kreiranja, ažuriranja i brisanja proizvoda!
  • Mogućnost dodavanja više slika za proizvode i mijenjanja istih kad god želite!
  • Mogućnost kreiranja, ažuriranja i brisanja filtera poput "Starosti proizvoda" i "Veličine", te njihovo povezivanje u formi za kreiranje "Proizvoda".
  • Mogućnost kreiranja, ažuriranja i brisanja "Billboard-a" koji predstavljaju velike tekstove na vrhu stranice. Mogućnost povezivanja s jednom kategorijom ili korišćenje samostalno (Admin generiše API za sve te slučajeve!)
  • Mogućnost pretrage kroz sve kategorije, proizvode, veličine, boje, billboard-e s uključenom paginacijom!
  • Mogućnost kontrole koje su proizvodi "istaknuti" kako bi se prikazali na početnoj stranici!
  • Mogućnost pregleda narudžbi, prodaje, itd.
  • Mogućnost pregleda grafikona prihoda itd.
  • Clerk za autentikaciju
  • Kreiranje narudžbi
  • Stripe za plaćanje
  • PostgreSQL + Prisma + Neon.tech

Preduslovi

Node version 14.x

Kloniranje repozitorija

git clone https://github.com/BosneviNedzma/e-commerce.git

Instalacija paketa

npm i

Postavljanje .env datoteke

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/

# Ovo je ubačeno pomoću prisma init:
# Promjenljive okoline deklarisane u ovoj datoteci automatski su dostupne Prisma-i.
# Pogledajte dokumentaciju za više detalja: https://pris.ly/d/prisma-schema#accessing-environment-variables-from-the-schema

# Prisma podržava native format za veze za PostgreSQL, MySQL, SQLite, SQL Server, MongoDB i CockroachDB.
# Pogledajte dokumentaciju za sve opcije veze: https://pris.ly/d/connection-strings

DATABASE_URL=''
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=""
STRIPE_API_KEY=
FRONTEND_STORE_URL=http://localhost:3000
STRIPE_WEBHOOK_SECRET=

Konekcija

npm prisma generate
npm prisma db push

Pokreni aplikaciju

npm run dev

e-commerce's People

Contributors

bosnevinedzma avatar

Watchers

 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.