Sistema de Slides com Next.js + Tailwind CSS | Tutorial Completo para Devs
Vitor Pereira
0:00 / 0:00
Sistema de Slides com Next.js + Tailwind CSS | Tutorial Completo para Devs
58 просмотров · 9 мес. назад
Vitor Pereira
139 подписчиков
58 просмотров · 9 мес. назад
Aprenda como criar um sistema de apresentações (slides) completo e funcional do zero usando Next.js e Tailwind CSS! Neste tutorial completo e detalhado, mostro passo a passo como construir uma aplicação web moderna para criar, editar e apresentar slides diretamente no navegador.
Este projeto é ideal para desenvolvedores que querem ir além do PowerPoint e Google Slides, criando algo totalmente customizado, moderno e sob seu controle. Você vai aprender a estruturar componentes React para slides, implementar navegação fluida entre slides, adicionar animações de transição suaves e fazer o deploy na Vercel para compartilhar suas apresentações com o mundo.
Ao longo do tutorial, explico cada decisão técnica, desde a arquitetura do projeto até os detalhes de estilização com Tailwind CSS. É um projeto excelente para seu portfólio e para aprender na prática conceitos avançados de Next.js como roteamento dinâmico, server components e otimização de performance.
Repositório do projeto:
https://github.com/vitoropereira/apre...
⏱️ Timestamps:
0:00 - Visão geral do projeto e tecnologias usadas
5:00 - Setup inicial do Next.js + Tailwind CSS
10:00 - Estrutura de componentes para slides
20:00 - Navegação entre slides e animações
30:00 - Deploy na Vercel e considerações finais
🔗 Links úteis:
Next.js: https://nextjs.org
Tailwind CSS: https://tailwindcss.com
Vercel: https://vercel.com
📌 Se inscreva para mais tutoriais de desenvolvimento web e programação!
#NextJS #TailwindCSS #Tutorial #WebDev #Slides #React #Programação