/ecommerce-nextjs-prisma

Primary LanguageJavaScript

🚨 Tutorial

This repository contains the corresponding tutorial available on our YouTube channel, Code Scrapper.

🤖 Introduction

Build React, Next.js full-stack ecommerce from scratch beginner to advance. Next.js 14 App router full course with Nextjs, Typescript, MongoDB, Prisma, Tailwind css, iron-session, shadcn UI, uploadthing and Stripe.

Tech Stack

  • Next.js
  • MongoDB
  • Javascript
  • iron-session
  • Primsa
  • Stripe
  • Shadcn
  • Tailwind Css

Integration and Installation Process

Follow these steps to set up the project locally on your device.

Prerequisites

Make sure you have the following installed on your machine:

Clone this Project

git clone https://github.com/CodeScrapper1/ecommerce-nextjs-prisma.git
cd ecommerce-nextjs-prisma

Installation

Install dependencies using yarn:

yarn

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

NEXT_PUBLIC_SECRET_KEY=sdfdsfsdbvsdjvhbsjfdsbfjsd54354353453dsfsfs
NODE_ENV="development"
DATABASE_URL=""

UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=

NEXT_PUBLIC_CHARACTERS="dfbhsdufsbvdefhfbdjhb"


SMTP_EMAIL=
SMTP_PASS=

STRIPE_SECRET_KEY=""
NEXT_PUBLIC_FRONTEND_URL=http://localhost:3000

Running the Project using yarn

yarn run dev