DevKreativo - Agencia de Desarrollo Web y Marketing Digital

📋 Descripción

DevKreativo es una aplicación web moderna y profesional construida con Next.js 15, React 19 y TypeScript. Esta aplicación incluye componentes reutilizables para crear sitios web empresariales con un diseño atractivo y funcional.

✨ Características

• 🚀 Next.js 15 - Framework de React con renderizado híbrido
• ⚛️ React 19 - Biblioteca de interfaz de usuario moderna
• 🔷 TypeScript - Tipado estático para mayor robustez
• 🎨 Tailwind CSS - Framework CSS utilitario
• 📱 Diseño Responsivo - Optimizado para todos los dispositivos
• 🔧 Componentes Modulares - Arquitectura escalable y mantenible

🛠️ Tecnologías Utilizadas

• Frontend: Next.js 15, React 19, TypeScript
• Estilos: Tailwind CSS, PostCSS
• Mapas: Google Maps API
• Gráficos: Recharts
• Desarrollo: ESLint, Prettier

🚀 Instalación y Uso

Prerrequisitos

• Node.js 18.0 o superior
• npm, yarn, pnpm o bun

Instalación

1. Clona el repositorio

   git clone https://github.com/tu-usuario/devstudio.git
   cd devstudio

2. Instala las dependencias

   npm install
   # o
   yarn install
   # o
   pnpm install

3. Ejecuta el servidor de desarrollo

   npm run dev
   # o
   yarn dev
   # o
   pnpm dev

4. Abre tu navegador

   Navega a http://localhost:3000 para ver el resultado.

📁 Estructura del Proyecto

devstudio/
├── app/                    # Directorio principal de Next.js 13+
│   ├── globals.css        # Estilos globales
│   ├── layout.tsx         # Layout principal
│   ├── page.tsx           # Página principal
│   └── not-found.tsx      # Página 404
├── components/             # Componentes reutilizables
│   ├── About.tsx          # Componente Nuestra Historia y Valores
│   ├── Contact.tsx        # Componente de Contacto
│   ├── Footer.tsx         # Componente de Pie de página
│   ├── Header.tsx         # Componente de Encabezado
│   ├── Hero.tsx           # Componente Hero principal
│   ├── Portfolio.tsx      # Componente Nuestro Enfoque y Procesos
│   ├── Pricing.tsx        # Componente de Precios
│   └── Services.tsx       # Componente de Servicios
├── package.json            # Dependencias y scripts
├── tailwind.config.js      # Configuración de Tailwind CSS
├── tsconfig.json           # Configuración de TypeScript
└── README.md               # Este archivo

🎯 Scripts Disponibles

• npm run dev - Inicia el servidor de desarrollo
• npm run build - Construye la aplicación para producción
• npm run lint - Ejecuta el linter para verificar el código

🌐 Variables de Entorno

El proyecto utiliza cross-env para configurar variables de entorno:

• NODE_ENV=development - Modo de desarrollo
• HOST=0.0.0.0 - Host de desarrollo
• PORT=3000 - Puerto del servidor

📝 Personalización

Puedes comenzar a editar la página modificando app/page.tsx. La página se actualiza automáticamente mientras editas el archivo.

Este proyecto utiliza next/font para optimizar y cargar automáticamente Geist, una nueva familia de fuentes para Vercel.

📚 Recursos Adicionales

Para aprender más sobre Next.js, consulta estos recursos:

• Documentación de Next.js - Aprende sobre las características y API de Next.js
• Aprende Next.js - Tutorial interactivo de Next.js
• Repositorio de Next.js en GitHub - Tu feedback y contribuciones son bienvenidos

📄 Licencia

Este es un proyecto privado y confidencial. Todos los derechos reservados. No se permite la distribución, modificación o uso comercial sin autorización expresa del propietario.

👨‍💻 Autor

Leslie Redlich - @leslieredlich