Changelog

Highlights

• Streamlined navigation with video-focused user journey
• Improved footer structure for cleaner layout
• Various UX improvements

Navigation

• Navbar Update: Changed "My Images" to "My Videos" in the main navigation bar
• Footer Cleanup: Removed unused product links from footer for cleaner layout
• Page Title Simplification: Simplified page titles for better readability

Performance

• Video Optimization: Compressed showcase videos with VP9 codec for faster loading
• Asset Updates: Optimized logo and icon assets

Aspectos destacados

• Nueva sección My Images agregada al Dashboard, mostrando centralmente el historial personal de generación de imágenes
• Introducción de filtrado por estado, paginación y botones de descarga para mejorar el control de los recursos históricos
• Sincronización de textos en inglés y chino para garantizar una operación fluida para usuarios de diferentes idiomas

Características

• Página My Images: Proporciona una cuadrícula de tarjetas que visualiza el estado, modelo, prompt y tiempo de generación de cada imagen
• Filtrado por estado: Localice rápidamente imágenes objetivo por estado completado, en proceso o fallido
• Control de paginación: Soporte para 12 / 24 / 48 imágenes por página, adaptándose a dispositivos de escritorio y móviles
• Copiar y descargar rápidamente: Copie prompts con un clic, descargue imágenes completadas y reduzca el costo de operaciones repetitivas

Detalles técnicos

• Combinación de Next.js App Router y Server Component para garantizar el uso compartido seguro de componentes entre locales
• Drizzle ORM para consultas de base de datos eficientes, nuqs gestiona el filtrado y el estado de paginación a nivel de URL
• Uso de Next.js Image para optimizar la vista previa de imágenes, manteniendo un diseño responsivo

Mejoras de API

• Nueva interfaz /api/my-images que admite parámetros limit, offset y status
• Devuelve cantidad total y lista de resultados, con manejo de errores y registro de solicitudes agregados para facilitar análisis posteriores

Aspectos destacados

• Lanzamiento de un sitio de marketing responsivo que presenta el recorrido de edición de imágenes con IA de Nano Banana 2
• Entrega de una experiencia unificada para generar, previsualizar y descargar recursos visuales
• Implementación de un pipeline de recursos optimizado con medios alojados en CDN y mensajería localizada

Mejoras de la plataforma

• Construcciones de producción reforzadas al proteger React Query Devtools detrás de process.env.NODE_ENV === 'development'
• URLs del CDN R2 corregidas para que cada imagen de muestra se cargue desde https://cdn.flux-krea.app/nanobanana2/showcase/optimized/…
• Simplificación del DOM del bloque Hero (eliminando gradientes y animaciones decorativas) para pintados iniciales más rápidos