Build a Digital Commerce Website with Next.js 14, React, Tailwind, Prisma, Multiple Payment Method | Full Tutorial 2023

In this repository we are Build a Digital Commerce Website with Next.js 14, React, Tailwind, Prisma, Multiple Payment Method | Full Tutorial 2023

VIDEO TUTORIAL (English version) (Coming soon)

VIDEO TUTORIAL (Vietnamese version) (Coming soon)

Features

• Tailwind CSS
• Shadcn/ui
• Full responsiveness
• Email and Password Authentication
• Mailer Send
• Tiptap editor
• Embla Carousel
• QRCode
• Drag and drop to upload image
• Upload image to Cloudinary
• Zustand for global state management
• Client form validation and handling using react-hook-form and zod
• Dark/Light mode
• Affiliate feature
• Manage Products
• Manage Categories
• Manage Comments
• Manage Orders
• Manage Coupons
• Manage Users
• Manage Payment Method
• Manage Banners
• Manage Wallet
• Fast checkout
• Multiple Payment Method
• Admin dashboard
• How to write GET, POST, PUT, DELETE routes in route handlers (app/api)
• Folder structure in Next 14 App Router
• How to deploy project to DigitalOcean VPS
• And many other features. I'll continue to contribute to this repo

Prerequisites

Node version 18.17.x

Setup .env file

DATABASE_URL=

JWT_SECRET=

NEXT_PUBLIC_APP_URL=http://localhost:3000
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET=
NEXT_PUBLIC_ONE_SIGNAL_APP_ID=

MAILERSEND_API_KEY=
FROM_EMAIL=

Setup Prisma

Add PostgreSQL Database

npx prisma db push

Start to dev

yarn dev