8000 GitHub - fahernkhan/shoes-store
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

fahernkhan/shoes-store

 
 

Repository files navigation

Required Installation

VSCODE

Node.js

Git

Useful Extensions to install

Prettier - Code formatter - Format your code

ESLint - check your code better cleaner code with certain rules

Prisma - ORM Tool with Database

Simple React Snippets - sfc

Tailwind CSS IntelliSense

JavaScript (ES6) code snippets

Create a brand new Application

npx create-next-app@latest

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open 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.

Configure shadcn-ui and create component

Reference link - shadcn-ui

Initialize ShadCn

npx shadcn@latest init

Add Component

npx shadcn@latest add button
npx shadcn@latest add dropdown-menu
npx shadcn@latest add sheet
npx shadcn@latest add card
npx shadcn@latest add label
npx shadcn@latest add input
npm install next-themes

Prisma Setup Command

npm i -D prisma @prisma/client  (INSTALL PRISMA & PRISMA CLIENT)
npx prisma init  (PRISMA INITIALIZATION)


npx prisma generate  (GENERATE CLIENT)
npx prisma migrate dev --name init  (MIGRATE MODEL)

npx tsx ./db/seed (SEED DATABASE)

npx prisma studio  (RUN PRISMA STUDIO TOOL)

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

GIT Branch

git log --oneline
git branch feature/session-no commit_id
git push origin feature/session-no

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.8%
  • CSS 3.2%
  • Other 1.0%
0