https://github.com/prantomollick/full-stack-e-commerce-dashboard-cms

[email protected] App-Router, React@18, Tailwind, Prisma, MySQL
https://github.com/prantomollick/full-stack-e-commerce-dashboard-cms

app-router-nextjs axios clark lucide-react mysql next-cloudinary nextjs13 orm prisma react-hook-form react18 shadcn-ui tailwind typescript zod zustand

Last synced: 1 day ago
JSON representation

[email protected] App-Router, React@18, Tailwind, Prisma, MySQL

• Host: GitHub
• URL: https://github.com/prantomollick/full-stack-e-commerce-dashboard-cms
• Owner: PrantoMollick
• Created: 2023-10-24T19:25:11.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-17T08:13:39.000Z (about 1 year ago)
• Last Synced: 2023-11-18T08:52:21.798Z (about 1 year ago)
• Topics: app-router-nextjs, axios, clark, lucide-react, mysql, next-cloudinary, nextjs13, orm, prisma, react-hook-form, react18, shadcn-ui, tailwind, typescript, zod, zustand
• Language: TypeScript
• Homepage:
• Size: 283 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Full-Stack-E-Commerce-Dashboard-CMS

Next.js@13 App-Router, React, Tailwind, Prisma, MySQL

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash

npm i

npm run dev

# or

yarn dev

# or

pnpm dev

# or

bun dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Environment Variable

[Clerk Authentication system integrate](https://clerk.com/docs/references/nextjs/)

```bash

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=/

```

[Cloudenery](https://cloudinary.com/documentation/react_image_and_video_upload)

```bash

NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=

```

## [Prisma Setup with mysql](https://www.prisma.io/docs/concepts/database-connectors/mysql)

```bash

npm install @prisma/client prisma

# or

yarn add @prisma/client prisma

npx prisma init --datasource-provider mysql

#Update your .env prisma generated mysql connection link then write your model into the schema.prisma file after that run this below cli command

npx prisma generate

# or

yarn prisma generate

npx prisma db push

```

## [Environment Variable for prisma mysql](https://www.prisma.io/docs/getting-started/setup-prisma/start-from-scratch/relational-databases/connect-your-database-node-mysql)

```bash

DATABASE_URL="mysql://:@127.0.0.1:3306/?KEY1=VALUE&KEY2=VALUE&KEY3=VALUE"

```