https://github.com/taiseen/mini-lms

Trying to build udemy clone by learning
https://github.com/taiseen/mini-lms

next-js shadcn-ui tailwind-css type-script

Last synced: 7 days ago
JSON representation

Trying to build udemy clone by learning

• Host: GitHub
• URL: https://github.com/taiseen/mini-lms
• Owner: taiseen
• Created: 2023-11-24T00:12:21.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2023-12-29T17:28:23.000Z (11 months ago)
• Last Synced: 2023-12-29T18:30:53.347Z (11 months ago)
• Topics: next-js, shadcn-ui, tailwind-css, type-script
• Language: TypeScript
• Homepage:
• Size: 3.14 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
br> 24 - Nov - 2023

## Udemy Clone | NextJs

- yarn cerate next-app

- yarn add @clerk/nextjs

- yarn add react-hook-form

- yarn add zod

- yarn add axios

- yarn add react-hot-toast

- npx shadcn-ui@latest add sheet

- npx shadcn-ui@latest add button

- npx shadcn-ui@latest add input

- npx shadcn-ui@latest add form

## [Aiven DB](https://console.aiven.io)

* For prisma

```

- yarn add -D prisma

- npx prisma init

- yarn add @prisma/client

- npx prisma generate

- npx prisma db push

```

```js

Learning Note:

* File & Folder structure system...

`page.tsx`    ==> hold `content` / ui text

`layout.tsx`  ==> hold `structure` / component position / style

`page.tsx`    ==> return --> JSX

`layout.tsx`  ==> wrap   --> {children} & can hold other components

* (group route) ==> can style the whole group using layout

* if use `/src/app` folder structure then for `clerk` auth system...

place `middleware.ts` file inside `/src` folder

* without auth - we can visit that page by config at `middleware.ts` file

pass an array of string of page name

* set background img at auth page

* all routing path control by a central place

```

- [Icon Resource](https://lucide.dev/icons)