Construa o Frontend do Restaurantix - Dashboard moderno consumindo a API Bun.js com Next.js 14, Tailwind CSS, shadcn/ui, Zustand, Zod e React Hook Form.
Um dashboard completo para gerenciar restaurantes com autenticação, gestão de pedidos, métricas em tempo real, sistema de notificações e interface moderna responsiva.
Setup do projeto com Next.js 14, TypeScript, Tailwind CSS e configuração do App Router.
Configuração do Tailwind CSS e shadcn/ui para criar componentes modernos e reutilizáveis.
Estrutura de pastas, organização de componentes e configuração do ambiente de desenvolvimento.
Implementação de login com magic links, middleware de autenticação e proteção de rotas.
Gerenciamento de estado com Zustand: store de usuário, persistência e middleware.
Cliente HTTP para consumir a API Bun.js com React Query para cache e sincronização.
Formulários performáticos com React Hook Form e validação type-safe com Zod.
Formulários avançados: arrays dinâmicos, upload de arquivos e validação condicional.
Loading states, toast notifications, skeleton loading e feedback visual para melhor UX.
Criação de dashboard com gráficos, cards de métricas e visualização de dados em tempo real.
Interface completa para gerenciar pedidos: listagem, filtros, paginação e mudança de status.
Deploy na Vercel, otimizações de performance, SEO e configuração de domínio personalizado.
App Router + Server Components
Design system moderno
Estado global e cache
Formulários type-safe