{"id":25165592,"url":"https://github.com/bert27/nx-shadcn-workspace","last_synced_at":"2026-04-09T07:01:33.396Z","repository":{"id":275110623,"uuid":"924081111","full_name":"bert27/nx-rick-morty-finder","owner":"bert27","description":"Aplicación interactiva para buscar personajes de Rick and Morty, diseñada con TailwindCSS. Mediante preguntas simples, los usuarios encuentran personajes según sus preferencias. Construida con React y TypeScript, gestionada con NX en un monorepo y utilizando una biblioteca compartida para componentes reutilizables.","archived":false,"fork":false,"pushed_at":"2025-02-03T05:57:21.000Z","size":308,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-09T05:39:26.554Z","etag":null,"topics":["context","hooks","microfrontend","microfrontend-architecture","module-federation","monorepo","nx","react","rick-and-morty","rickandmortyapi","tailwind","vitest","zod"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bert27.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-29T11:35:55.000Z","updated_at":"2025-02-03T05:57:25.000Z","dependencies_parsed_at":"2025-01-31T09:27:57.078Z","dependency_job_id":"b8f4f172-5068-41c4-a298-01c7da78d4b3","html_url":"https://github.com/bert27/nx-rick-morty-finder","commit_stats":null,"previous_names":["bert27/nx-rick-morty-finder"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bert27%2Fnx-rick-morty-finder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bert27%2Fnx-rick-morty-finder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bert27%2Fnx-rick-morty-finder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bert27%2Fnx-rick-morty-finder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bert27","download_url":"https://codeload.github.com/bert27/nx-rick-morty-finder/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247043324,"owners_count":20874085,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["context","hooks","microfrontend","microfrontend-architecture","module-federation","monorepo","nx","react","rick-and-morty","rickandmortyapi","tailwind","vitest","zod"],"created_at":"2025-02-09T05:39:29.566Z","updated_at":"2025-12-30T21:42:20.697Z","avatar_url":"https://github.com/bert27.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Monorepo React con Nx, shadcn/ui y TailwindCSS\n\nEste monorepo está construido con React y Nx, proporcionando una estructura modular y escalable. Incluye una aplicación shell que actúa como contenedor principal e integra aplicaciones como appSecondary.\n\nTodas las aplicaciones dentro del shell aprovechan componentes y utilidades compartidas ubicadas en la _biblioteca shared_, que centraliza los componentes basados en **shadcn/ui** y la configuración global de **TailwindCSS,** garantizando consistencia visual y reutilización de código.\n\n[Aprende más sobre esta configuración y sus capacidades](https://nx.dev/getting-started/tutorials/react-monorepo-tutorial?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects) o ejecuta `npx nx graph` para explorar visualmente lo que se ha creado. ¡Ahora, pongámonos al día!\n\n## Completa tu configuración de CI\n\n[Haz clic aquí para completar la configuración de tu espacio de trabajo.](https://cloud.nx.app/connect/TcDYVZRzuT)\n\n---\n\n## Ejecutar tareas\n\nPara ejecutar el servidor de desarrollo de tu aplicación, usa:\n\n```sh\n\nnpm  start  o  npx  nx  serve  shell\n\n```\n\nPara crear un paquete de producción:\n\n```sh\n\nnpx  nx  build  shell\n\n```\n\nPara ver todos los objetivos disponibles para un proyecto, ejecuta:\n\n```sh\n\nnpx  nx  show  project  shell\n\n```\n\nEstos objetivos se [infieren automáticamente](https://nx.dev/concepts/inferred-tasks?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects) o se definen en los archivos `project.json` o `package.json`.\n\n[Más sobre la ejecución de tareas en la documentación »](https://nx.dev/features/run-tasks?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects)\n\n## Agregar nuevos proyectos\n\nSi bien podrías agregar nuevos proyectos a tu espacio de trabajo manualmente, es recomendable aprovechar los [plugins de Nx](https://nx.dev/concepts/nx-plugins?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects) y su función de [generación de código](https://nx.dev/features/generate-code?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects).\n\nUsa el generador del plugin para crear nuevos proyectos.\n\nPara generar una nueva aplicación, usa:\n\n```sh\n\nnpx  nx  g  @nx/react:app  demo\n\n```\n\nPara generar una nueva biblioteca, usa:\n\n```sh\n\nnpx  nx  g  @nx/react:lib  mylib\n\n```\n\n## Acerca de este Monorepo\n\nEste monorepo está estructurado para maximizar la eficiencia y el mantenimiento al centralizar múltiples aplicaciones y recursos compartidos. A continuación se presenta una vista general de sus componentes:\n\n## Estructura del Monorepo\n\n- **Shell:** La aplicación principal que actúa como contenedor para varias aplicaciones independientes. Gestiona el diseño y el enrutamiento, proporcionando una interfaz unificada para las aplicaciones integradas.\n\n- **Apps:** Varias aplicaciones (por ejemplo, `appSecondary`) que funcionan de forma independiente dentro del shell. Cada aplicación puede desarrollarse, probarse y desplegarse por separado, permitiendo flujos de trabajo modulares.\n\n- **Shared:** Una biblioteca de componentes, utilidades y estilos compartidos ubicada en la carpeta `shared`. Estos recursos pueden ser utilizados por cualquier aplicación dentro del monorepo, promoviendo la reutilización de código y reduciendo la duplicación.\n\n## Características Clave\n\n- **Arquitectura modular:** Al separar aplicaciones y recursos compartidos, el monorepo mantiene un código limpio y organizado, facilitando la gestión y la escalabilidad.\n\n- **Reutilización eficiente del código:** Las bibliotecas compartidas permiten el uso de componentes y utilidades comunes entre diferentes aplicaciones, garantizando consistencia y reduciendo el esfuerzo de implementación.\n\n- **Desarrollo escalable:** La estructura admite la adición de nuevas aplicaciones y bibliotecas con un esfuerzo mínimo, asegurando un crecimiento fluido a medida que el proyecto evoluciona.\n\n- **Herramientas consistentes:** Nx proporciona potentes herramientas para la ejecución de tareas, generación de código y gestión de dependencias, mejorando la productividad del desarrollador y manteniendo la calidad del proyecto.\n\nEste tipo de configuración es ideal para proyectos grandes y equipos multifuncionales, permitiendo prácticas de desarrollo ágiles y fomentando la colaboración mediante una base de código bien organizada.\n\nPuedes usar `npx nx list` para obtener una lista de los plugins instalados. Luego, ejecuta `npx nx list \u003cplugin-name\u003e` para conocer más capacidades específicas de un plugin en particular.\n\nAlternativamente, [instala Nx Console](https://nx.dev/getting-started/editor-setup?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects) para explorar plugins y generadores directamente en tu IDE.\n\n[Más sobre los plugins de Nx »](https://nx.dev/concepts/nx-plugins?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects) | [Explora el registro de plugins »](https://nx.dev/plugin-registry?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects)\n\n[Aprende más sobre Nx en CI](https://nx.dev/ci/intro/ci-with-nx#ready-get-started-with-your-provider?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects)\n\n## Instalar Nx Console\n\nNx Console es una extensión para editores que mejora tu experiencia de desarrollo. Te permite ejecutar tareas, generar código y mejora la autocompletación en tu IDE. Está disponible para VSCode e IntelliJ.\n\n[Instalar Nx Console »](https://nx.dev/getting-started/editor-setup?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects)\n\n## Useful links\n\n## Enlaces útiles\n\nAprende más:\n\n- [Más sobre esta configuración del espacio de trabajo](https://nx.dev/getting-started/tutorials/react-monorepo-tutorial?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects)\n\n- [Nx en entornos CI](https://nx.dev/ci/intro/ci-with-nx?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects)\n\n- [Publicación de paquetes con Nx Release](https://nx.dev/features/manage-releases?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects)\n\n- [Qué son los plugins de Nx](https://nx.dev/concepts/nx-plugins?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects)\n\nÚnete a la comunidad de Nx:\n\n- [Discord](https://go.nx.dev/community)\n\n- [Síguenos en X](https://twitter.com/nxdevtools) o [LinkedIn](https://www.linkedin.com/company/nrwl)\n\n- [Nuestro canal de YouTube](https://www.youtube.com/@nxdevtools)\n\n- [Nuestro blog](https://nx.dev/blog?utm_source=nx_project\u0026utm_medium=readme\u0026utm_campaign=nx_projects)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbert27%2Fnx-shadcn-workspace","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbert27%2Fnx-shadcn-workspace","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbert27%2Fnx-shadcn-workspace/lists"}