Перейти к содержимому

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