Finalizando Esquema en Prisma Instalar npx shadcn-ui@latest add separator Modificar prisma/schema.prisma // This is your Prisma schema file, // learn more about it in the docs: https://pris...

Landing Page Ejecutar npm i react-type-animation y npm i framer-motion Modificar archivo .env NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up NEXT_PUBLIC_CLERK...

Filtro de Categorías Instalar npm i react-icons  y  npm i query-string https://react-icons.github.io/react-icons/icons/fc/ Crear app/(dashboard)/(routes)/search/_components/Categories.tsx  ...

DataTable https://ui.shadcn.com/docs/components/data-table Ejecutar npx shadcn-ui@latest add table , npm install @tanstack/react-table y npx shadcn-ui@latest add badge Crear app/(da...

Acciones Ejecutar el comando npx shadcn-ui@latest add alert-dialog  Ejecutar npm i zustand   Instalar npm i react-confetti  Crear hooks/use-confetti-store.ts import { create } from "zus...

Formulario de Adjuntos Modificar components/FileUpload.tsx "use client"; import toast from "react-hot-toast"; import { UploadDropzone } from "@/lib/uploadthing"; import { ourFileRouter } fro...

Formulario de Categorias https://ui.shadcn.com/docs/components/combobox Instalar popover npx shadcn-ui@latest add popover y command npx shadcn-ui@latest add command Crear components/ui/comb...

Formulario descripción Instalar npx shadcn-ui@latest add textarea Crear app/(dashboard)/(routes)/teacher/courses/[uuid]/_components/DescriptionForm.tsx "use client"; import * as z from "zo...

Esquema de base de datos https://www.prisma.io/ instalar Prisma npm i -D prisma Ejecutar npx prisma init esto creara la carpeta prisma y el archivo schema.prisma, ademas de modificar el arch...

Layout dinamico Modificar app/components/NavbarRoutes.tsx para agregar los hooks necesarios para navegación dinámica "use client"; import { UserButton } from "@clerk/nextjs"; import { ModeTo...