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

Points forts

• Ajout d'un nouvel élément de menu My Images dans le Dashboard pour afficher de manière centralisée l'historique de génération d'images personnelles
• Introduction de filtres d'état, pagination et boutons de téléchargement pour améliorer le contrôle des ressources historiques
• Synchronisation des textes en anglais et chinois pour assurer une expérience fluide aux utilisateurs de différentes langues

Fonctionnalités

• Page My Images : Fournit une grille de cartes pour visualiser l'état, le modèle, le prompt et l'heure de génération de chaque image
• Filtres d'état : Localisez rapidement les images cibles par statut (complété, en traitement, échoué)
• Contrôles de pagination : Prise en charge de 12 / 24 / 48 images par page, adaptatif aux appareils de bureau et mobiles
• Copie et téléchargement rapides : Copiez les prompts et téléchargez les images complétées en un clic, réduisant les coûts d'opérations répétitives

Détails techniques

• Déploiement combiné de Next.js App Router et Server Component pour assurer le partage sécurisé des composants à travers les locales
• Drizzle ORM prend en charge les requêtes de base de données efficaces, nuqs gère les états de filtrage et de pagination au niveau URL
• Utilisation de Next.js Image pour optimiser la prévisualisation des images tout en maintenant une mise en page responsive

Améliorations API

• Ajout du nouveau endpoint /api/my-images prenant en charge les paramètres limit, offset et status
• Retour du total, de la liste des résultats, avec gestion des erreurs et journalisation des requêtes pour faciliter l'analyse ultérieure

Points forts

• Lancement d'un site marketing responsive qui présente le parcours d'édition d'images IA de Nano Banana 2
• Offrir une expérience unifiée pour générer, prévisualiser et télécharger des ressources visuelles
• Déployer un pipeline de ressources optimisé avec des médias CDN et des messages localisés

Améliorations de la plateforme

• Builds de production renforcés en restreignant React Query Devtools derrière process.env.NODE_ENV === 'development'
• URLs CDN R2 corrigées pour que chaque image showcase se charge depuis https://cdn.flux-krea.app/nanobanana2/showcase/optimized/…
• Bloc Hero DOM simplifié (suppression des dégradés et animations décoratives) pour des premiers rendus plus rapides