Motions premium em Next.js: os 15 padrões do site do Studio Modular, passo a passo
A arquitetura componentizada do site do Studio Modular — módulos com gates, scroll nativo e CSS de ponta — em 15 padrões de motion com prompts prontos.
- motion
- gsap
Página 4 de 4
Todos os posts
Motions premium em Next.js: os 16 padrões do site da Beetogreen, passo a passo
Estados por seção, GSAP mínimo e CSS máximo: os 16 padrões de motion do site da Beetogreen em Next.js, com replay por chave e o prompt pronto de cada um.
- motion
- gsap
Motions premium em Next.js: os 17 padrões do site da InterGest Canada, passo a passo
GSAP, Framer Motion e Embla no mesmo site sem brigar: os 17 padrões de motion da InterGest Canada em Next.js, com o prompt de implementação pronto de cada um.
- motion
- gsap
Anuário de Portfólios
Vinte portfólios de referência em webdesign, UI/UX e desenvolvimento, cada URL testada uma a uma: o que vale copiar de cada um, o que não vale e por quê.
- portfólio
- webdesign
Case •
Redesign Instituto +Brasal — Stacks D, E e F (com referência) · v3
Três stacks de redesign com referência visual, refeitas com DESIGN.md e guia de motion prontos: o que cada uma acertou, onde quebrou e o prompt de cada etapa.
- processo
- skills
- parte 2/2
Motion •
Motion Design para Web: Guia Completo
Scroll, texto, imagens e vídeo: o catálogo completo de técnicas de motion para web, com implementação em Next.js e os casos em que cada uma compensa.
- motion
- scroll
Case •
Redesign Instituto +Brasal — Documentação completa do processo
Da análise do catálogo de skills à execução de seis stacks concorrentes no Instituto +Brasal, com todos os prompts usados e o que cada stack entregou.
- processo
- skills
- parte 1/2
Stacks de Skills para Artigos de Blog Bem Ranqueados no Google
Três stacks de skills do Claude Code para escrever artigos que rankeiam no Google e são citados por IA: pesquisa, redação e revisão, com o papel de cada skill.
- skills
- seo
Infra •
Documentação: Deploy de aplicação Next.js com GitHub + Hostinger
Todo push vira site no ar sem painel de hospedagem: ligar o GitHub à Hostinger, as configurações de build que quebram e as checagens após cada deploy.
- deploy
- github
Guia definitivo — Site Next.js com foco em Motion e Scroll
A fundação de scroll que, quando falta, faz as animações simplesmente não funcionarem: Lenis, GSAP e Next.js ligados na ordem certa, com os erros a evitar.
- next.js
- lenis