Fibraglass - Sistema de Piscinas de Fibra de Vidrio

Landing page profesional para Fibraglass, empresa especializada en fabricación e instalación de piscinas de fibra de vidrio.

🚀 Características

• Frontend moderno: Next.js 14+ con App Router
• TypeScript: Tipado estático para mayor seguridad
• Base de datos: SQLite con Prisma ORM
• Autenticación: Sistema JWT personalizado
• Panel Admin: CRUD completo para productos, testimonios, beneficios, FAQ y contactos
• UI Responsiva: Diseño adaptativo con Tailwind CSS
• SEO Optimizado: Meta tags, Open Graph, sitemap
• Formularios: Validación con Zod
• Subida de imágenes: Gestión local de archivos

📦 Tecnologías Utilizadas

• Framework: Next.js 15.5.4
• Lenguaje: TypeScript
• Base de datos: SQLite + Prisma
• Estilos: Tailwind CSS
• Validación: Zod
• Formularios: React Hook Form
• Autenticación: JWT + bcryptjs
• UI Components: Headless UI, Radix UI

🛠️ Instalación y Configuración

1. Instalar dependencias

npm install

2. Configurar variables de entorno

Las variables ya están configuradas en .env.local:

# Base de datos
DATABASE_URL="file:./dev.db"

# Autenticación
NEXTAUTH_URL="http://localhost:3000"
NEXTAUTH_SECRET="tu-clave-secreta-aqui"
JWT_SECRET="tu-jwt-secret-aqui"

# Configuración de la aplicación
APP_URL="http://localhost:3000"
ADMIN_EMAIL="admin@fibraglass.com"
ADMIN_PASSWORD="admin123"

3. La base de datos ya está configurada y poblada

La base de datos SQLite ya está creada con datos de ejemplo.

4. Iniciar servidor de desarrollo

npm run dev

La aplicación está disponible en http://localhost:3000

🎯 Panel de Administración

Acceso en: http://localhost:3000/admin

Credenciales:

• Email: admin@fibraglass.com
• Password: admin123

📝 Scripts Disponibles

npm run dev              # Servidor desarrollo (YA EJECUTÁNDOSE)
npm run build           # Build producción
npm run start           # Servidor producción
npm run lint            # Linter

# Base de datos
npm run db:migrate      # Aplicar migraciones
npm run db:reset        # Resetear DB
npm run db:seed         # Poblar datos ejemplo (YA EJECUTADO)
npm run db:studio       # Prisma Studio (GUI)

✅ Estado Actual

• ✅ Proyecto Next.js creado y configurado
• ✅ Base de datos SQLite inicializada
• ✅ Esquema Prisma definido con todas las tablas
• ✅ Datos de ejemplo poblados (productos, beneficios, testimonios, FAQs)
• ✅ Usuario admin creado (admin@fibraglass.com / admin123)
• ✅ Rutas API básicas implementadas (auth, products, contact)
• ✅ Componentes UI base creados (Button, Input, Textarea)
• ✅ Estructura de carpetas modular
• ✅ Servidor de desarrollo funcionando en puerto 3000

🚧 Próximos pasos a implementar

1. Completar panel de administración
2. Implementar subida de imágenes
3. Crear más componentes de UI
4. Agregar más páginas (productos, galería, etc.)
5. Implementar middleware de autenticación
6. Agregar más validaciones y manejo de errores

---

Estado: ✅ Base del proyecto funcional y lista para desarrollo
Servidor: 🟢 Ejecutándose en http://localhost:3000