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

Punti salienti

• Aggiunta della voce di menu My Images nella Dashboard per visualizzare centralmente la cronologia personale di generazione delle immagini
• Introduzione di filtri per stato, paginazione e pulsanti di download per migliorare il controllo degli asset storici
• Sincronizzazione dei testi in cinese e inglese per garantire un'esperienza fluida agli utenti di diverse lingue

Funzionalità

• Pagina My Images: Fornisce una griglia a schede che visualizza lo stato, il modello, il prompt e il timestamp di generazione di ogni immagine
• Filtri per stato: Localizzazione rapida delle immagini target filtrandole per stati completato, in elaborazione o fallito
• Controlli di paginazione: Supporto per 12 / 24 / 48 immagini per pagina, adattivo per dispositivi desktop e mobili
• Copia rapida e download: Copia del prompt con un clic e download delle immagini completate per ridurre i costi delle operazioni ripetitive

Dettagli tecnici

• Implementazione combinata di Next.js App Router e Server Component per garantire la condivisione sicura dei componenti tra locale
• Drizzle ORM supporta query database efficienti, nuqs gestisce lo stato di filtro e paginazione a livello URL
• Utilizzo di Next.js Image per ottimizzare l'anteprima delle immagini mantenendo un layout responsive

Miglioramenti API

• Aggiunto l'endpoint /api/my-images che supporta i parametri limit, offset e status
• Restituzione del totale e dell'elenco dei risultati, con aggiunta di gestione degli errori e log delle richieste per facilitare l'analisi successiva

Punti salienti

• Lancio di un sito marketing responsive che introduce il percorso di editing di immagini AI di Nano Banana 2
• Offerta di un'esperienza unificata per generare, visualizzare in anteprima e scaricare asset visivi
• Implementazione di una pipeline di asset curata con media ottimizzati per CDN e messaggistica localizzata

Ottimizzazioni della piattaforma

• Build di produzione rafforzate isolando React Query Devtools dietro process.env.NODE_ENV === 'development'
• Corretti gli URL CDN R2 in modo che ogni immagine showcase si carichi da https://cdn.flux-krea.app/nanobanana2/showcase/optimized/…
• Semplificato il DOM del blocco Hero (rimosse le animazioni e i gradienti decorativi) per rendering iniziali più veloci