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

Destaques

• Novo item de menu My Images no Dashboard, exibindo centralmente o histórico de geração de imagens pessoais
• Introdução de filtros de status, paginação e botão de download, melhorando o controle sobre ativos históricos
• Sincronização de textos em inglês e chinês, garantindo operação fluida para usuários de diferentes idiomas

Recursos

• Página My Images: Fornece grade em formato de cards, exibindo visualmente o status, modelo, prompt e horário de geração de cada imagem
• Filtros de status: Localize rapidamente imagens alvo por status completo, em processamento ou com falha
• Controle de paginação: Suporta 12 / 24 / 48 imagens por página, adaptando-se a dispositivos desktop e mobile
• Copiar e baixar rapidamente: Copie prompts e baixe imagens completas com um clique, reduzindo o custo de operações repetitivas

Detalhes técnicos

• Combinação de Next.js App Router e Server Component para garantir compartilhamento seguro de componentes entre locales
• Drizzle ORM suporta consultas eficientes ao banco de dados, nuqs gerencia filtros e estado de paginação no nível de URL
• Uso de Next.js Image para otimização de preview de imagens, mantendo layout responsivo

Melhorias na API

• Nova interface /api/my-images, suportando parâmetros limit, offset e status
• Retorno de quantidade total e lista de resultados, com adição de tratamento de erros e logs de requisição para análise futura

Destaques

• Lançamento de um site de marketing responsivo que apresenta a jornada de edição de imagens com IA do Nano Banana 2
• Entrega de uma experiência unificada para gerar, visualizar e baixar ativos visuais
• Implementação de um pipeline de ativos curados com mídia otimizada por CDN e mensagens localizadas

Aprimoramentos da plataforma

• Builds de produção fortalecidos ao proteger o React Query Devtools com process.env.NODE_ENV === 'development'
• URLs da CDN R2 corrigidas para que cada imagem de showcase carregue de https://cdn.flux-krea.app/nanobanana2/showcase/optimized/…
• Simplificação do DOM do bloco Hero (removendo gradientes e animações decorativas) para carregamentos iniciais mais rápidos