---

Finanzas para todas

Este es un proyecto Next.js iniciado con create-next-app.

Comenzando

Clonar el Repositorio

Primero, clona el repositorio:

git clone https://github.com/BrayansStivens/fina_mujer.git
cd fina_mujer

Opciones para Ejecutar el Proyecto

Tienes varias opciones para ejecutar y desarrollar este proyecto. Puedes elegir la que mejor se adapte a tus necesidades.

Opción 1: Instalación y Ejecución Manual

Puedes instalar las dependencias y ejecutar el servidor de desarrollo manualmente. Para esto, necesitas tener Node.js y npm instalados en tu máquina.

1. Instalar Dependencias:

   npm install
   # o
   yarn install
   # o
   pnpm install
   # o
   bun install

2. Ejecutar el Servidor de Desarrollo:

   npm run dev
   # o
   yarn dev
   # o
   pnpm dev
   # o
   bun dev

   Abre http://localhost:3000 en tu navegador para ver el resultado.

Opción 2: Usar Docker

Puedes usar Docker para construir y ejecutar el contenedor de desarrollo. Para esto, necesitas tener Docker instalado en tu máquina.

1. Construir y Ejecutar el Contenedor Localmente:

   docker-compose -f docker-compose.dev.yml up --build

   La aplicación será accesible en http://localhost:3000.

2. Configuración para Hot Reloading en Docker en Windows:

   Si estás utilizando Docker en Windows y deseas habilitar el hot reloading, agrega las siguientes variables de entorno en docker-compose.dev.yml:

   environment:
     - CHOKIDAR_USEPOLLING=true
     - WATCHPACK_POLLING=true
     - CHOKIDAR_INTERVAL=1000

   Estas configuraciones no son obligatorias, pero se recomiendan si experimentas problemas de detección de cambios de archivos. Esto se debe a cómo Docker maneja las notificaciones de cambio de archivos en los volúmenes montados desde Windows. Usar polling asegura que los cambios en los archivos se detecten de manera confiable, permitiendo que el hot reloading funcione como se espera.

3. Construir y Ejecutar el Contenedor para Producción:

   docker-compose -f docker-compose.prod.yml up --build

   La aplicación será accesible en http://localhost:3000.

Opción 3: Usar Dev Container en VS Code

Puedes usar un Dev Container para desarrollar el proyecto en un entorno Dockerizado dentro de VS Code. Para esto, necesitas tener Visual Studio Code y la extensión de Remote - Containers instaladas.

1. Abrir el Proyecto en VS Code.
2. Instalar la Extensión de Remote - Containers.
3. Abrir la Paleta de Comandos (Ctrl+Shift+P) y Seleccionar Remote-Containers: Open Folder in Container....

Esto creará y abrirá el contenedor de desarrollo según la configuración especificada en .devcontainer/devcontainer.json.

Tecnologías Utilizadas

• Next.js - Framework de React para aplicaciones web.
• TypeScript - Lenguaje de programación que se basa en JavaScript.
• Docker - Plataforma para desarrollar, enviar y ejecutar aplicaciones dentro de contenedores.
• React - Biblioteca de JavaScript para construir interfaces de usuario.
• Node.js - Entorno de ejecución para JavaScript.
• TailwindCSS - Framework de CSS para un desarrollo rápido de interfaces.
• NextUI - Biblioteca de componentes UI para aplicaciones Next.js.

---