Este es el repositorio con las prácticas creadas en el curso de devtalles shadcn que se puede encontrar en devtalles.

Repositorio del curso

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.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

This is a Next.js project bootstrapped with create-next-app. Cuando trabajamos con Next, el sistema de rutas esta basado en el sistema de directorios. Esto es, si en el filesystem tenemos:

mi_proyecto  
├── src  
    ├── app  
        ├── dashboard  
            ├── layout.tsx  
            ├── home  
                ├── page.tsx  

Esto mapeará con un https://urlbase/dashboard/home/

Y se mostraría lo que se encuentre en el page.tsx

npx shadcn-ui@latest add 

Mostrará una lista de componentes que podemos instalar.

Permite crear nombres de forma automatica y aleatoria

npm i unique-names-generator uuid

Permite crear UUID de forma automatica

npm i uuid
npm i --save-dev @types/uuid

Permite que el carrusel se mueva de forma automatica

npm install embla-carousel-autoplay --save

npm install @tanstack/react-table

• Paginación
• Ordenación
• Filtros
• Columnas visibles
• Selección multiple