Uma experiência artesanal única, unindo a tradição da panificação com a inovação tecnológica.
O Super Pão é uma plataforma web de alta performance desenvolvida para elevar a presença digital de uma padaria artesanal. O projeto foca em uma experiência de usuário (UX) premium, com carregamento ultra-rápido, internacionalização e total conformidade com as melhores práticas de acessibilidade e SEO.
| Tecnologia | Finalidade |
|---|---|
| Next.js 15 | Framework React para performance e SEO otimizado. |
| TypeScript | Tipagem estática para robustez e manutenção do código. |
| Tailwind CSS | Estilização responsiva e design system consistente. |
| Framer Motion | Micro-interações e animações fluídas de alta qualidade. |
| i18next | Gestão de multi-idiomas (PT-BR / EN-US). |
| PWA | Funcionalidade offline e instalação como aplicativo nativo. |
- Desempenho de Elite: Otimização de imagens com Lazy Loading, formatos modernos (WebP) e Code Splitting.
- Internacionalização (i18n): Suporte completo para múltiplos idiomas com detecção automática.
- Dark Mode Dinâmico: Interface adaptável que respeita a preferência do sistema do usuário.
- Foco em Conversão: Sessões estratégicas de Menu, Testemunhos e Call-to-Action via WhatsApp.
- Acessibilidade (a11y): Navegação por teclado, ARIA labels e conformidade WCAG.
- SEO & Social: Meta tags dinâmicas e OpenGraph preparados para compartilhamento em redes sociais.
/app # App Router do Next.js (Rotas e Layouts)
/src/components # Componentes reutilizáveis e modulares
/src/hooks # Hooks customizados para lógica de negócio
/src/i18n # Configurações de internacionalização
/src/views # Páginas principais unificadas
/public # Assets estáticos e configuração PWA
- Clone o repositório:
git clone https://github.com/HenriqueHintz/super-pao.git
- Instale as dependências:
npm install
- Inicie o servidor de desenvolvimento:
npm run dev
Super Pão is a high-performance web platform designed to elevate the digital presence of an artisanal bakery. The project focuses on a premium user experience (UX), featuring ultra-fast loading times, internationalization, and full compliance with accessibility and SEO best practices.
| Technology | Purpose |
|---|---|
| Next.js 15 | React framework for optimized performance and SEO. |
| TypeScript | Static typing for robustness and maintainability. |
| Tailwind CSS | Responsive styling and consistent design system. |
| Framer Motion | High-quality fluid animations and micro-interactions. |
| i18next | Multi-language management (PT-BR / EN-US). |
| PWA | Offline functionality and native app installation. |
- Elite Performance: Image optimization with Lazy Loading, modern formats (WebP), and Code Splitting.
- Internationalization (i18n): Full support for multiple languages with automatic detection.
- Dynamic Dark Mode: Adaptive interface that respects the user's system preference.
- Conversion Focused: Strategic Menu, Testimonials, and WhatsApp Call-to-Action sections.
- Accessibility (a11y): Keyboard navigation, ARIA labels, and WCAG compliance.
- SEO & Social: Dynamic meta tags and OpenGraph ready for social media sharing.
- Clone the repository:
git clone https://github.com/HenriqueHintz/super-pao.git
- Install dependencies:
npm install
- Run the development server:
npm run dev
Henrique Hintz
- GitHub: HenriqueHintz
- Instagram: @henriquehtz