dsi-base

DSI Base - Capa de Nuxt

Este repositorio contiene una capa de Nuxt diseñada para proporcionar una base sólida para construir aplicaciones web modernas. Incluye un conjunto de herramientas y librerías preconfiguradas para acelerar el desarrollo y asegurar un código base consistente y de alta calidad.

Características

• Nuxt 3: Construido sobre la última versión del potente y flexible framework Nuxt.
• Vuetify: Integrado con el framework de componentes Vuetify para construir interfaces de usuario atractivas y responsivas.
• Storybook: Incluye Storybook para el desarrollo, prueba y documentación de componentes de forma aislada.
• Chromatic: Pruebas visuales automatizadas con Chromatic para detectar regresiones en la interfaz de usuario.
• ESLint: Preconfigurado con ESLint para el linting de código y mantener la calidad del mismo.
• TypeScript: Soporte completo de TypeScript para seguridad de tipos y una mejor experiencia de desarrollo.

Empezando

Prerrequisitos

• Node.js (v18 o superior)
• pnpm

Instalación

1. Clona el repositorio:

   git clone https://github.com/your-username/dsi-base.git
   

2. Instala las dependencias:

   pnpm install
   

Uso

Para usar esta capa de Nuxt en tu proyecto, agrégala a la propiedad extends en tu archivo nuxt.config.ts:

export default defineNuxtConfig({
  extends: ['dsi-base']
})

Storybook

Para ejecutar Storybook y desarrollar tus componentes de forma aislada, usa el siguiente comando:

pnpm storybook

Esto iniciará el servidor de desarrollo de Storybook en http://localhost:6006.

Desarrollo

Para iniciar el servidor de desarrollo, ejecuta el siguiente comando:

pnpm dev

Esto iniciará el servidor de desarrollo de Nuxt en http://localhost:3000.

Producción

Para construir la aplicación para producción, usa el siguiente comando:

pnpm build

Para generar una versión estática de la aplicación, usa el siguiente comando:

pnpm generate

Para previsualizar la compilación de producción localmente, usa el siguiente comando:

pnpm preview

Dependencias

Esta capa de Nuxt incluye las siguientes dependencias clave:

• nuxt
• vuetify-nuxt-module
• storybook
• chromatic
• eslint
• typescript

Contribuciones

¡Las contribuciones son bienvenidas! No dudes en enviar un pull request o abrir un issue.

Licencia

Este proyecto está licenciado bajo la Licencia MIT.