Este proyecto es una landing page de ejemplo para una empresa de tecnología financiera (Fintech). La intención principal es proporcionar una base simple y funcional para presentar un producto o servicio financiero digital, destacando sus características clave y llamando a la acción.
Este proyecto está construido con las siguientes tecnologías:
- Next.js (v15.3.5) - Un framework de React para aplicaciones web con renderizado del lado del servidor y generación de sitios estáticos. Documentación de Next.js
- React (v19.0.0) - Una biblioteca de JavaScript para construir interfaces de usuario. Documentación de React
- Tailwind CSS (v4.1.11) - Un framework de CSS de primera utilidad para construir rápidamente diseños personalizados. Documentación de Tailwind CSS
- TypeScript (v5.x) - Un superconjunto tipado de JavaScript que compila a JavaScript plano. Documentación de TypeScript
- PostCSS (v8.5.6) - Una herramienta para transformar CSS con plugins JavaScript. Documentación de PostCSS
- ESLint (v9.x) - Una herramienta de linting para identificar y reportar patrones encontrados en el código JavaScript/TypeScript. Documentación de ESLint
- tw-animate-css (v1.3.5) - Una biblioteca para animaciones CSS. GitHub de tw-animate-css
- class-variance-authority (v0.7.1) - Una utilidad para componer clases condicionalmente. GitHub de class-variance-authority
- clsx (v2.1.1) - Una utilidad para construir strings de className condicionalmente. GitHub de clsx
- lucide-react (v0.525.0) - Iconos de Lucide para React. Documentación de Lucide
- tailwind-merge (v3.3.1) - Una utilidad para combinar clases de Tailwind CSS sin conflictos. GitHub de tailwind-merge
Sigue estos pasos para instalar y ejecutar el proyecto en tu máquina local:
-
Clonar el repositorio (si aún no lo has hecho):
git clone [URL_DEL_REPOSITORIO] cd fintech-landing -
Instalar las dependencias:
Usa
npmpara instalar todas las dependencias del proyecto:npm install
-
Ejecutar el servidor de desarrollo:
Una vez instaladas las dependencias, puedes iniciar el servidor de desarrollo:
npm run dev
Esto iniciará la aplicación en modo de desarrollo. Podrás acceder a ella en tu navegador en
http://localhost:3000(o el puerto que se indique en la consola). -
Construir para producción (opcional):
Para construir la aplicación para despliegue en producción:
npm run build
-
Ejecutar en producción (opcional):
Para ejecutar la aplicación construida en modo de producción:
npm run start