Pular para o conteúdo
✨ Plot twist: este não é só mais um portfolio genérico

Vinicius Bastazin

Desenvolvedor Frontend Senior | React, Next.js, React Native

Sim, tem meu trabalho dos últimos 8 anos com React e Next.js.

Mas também tem implementações reais, código que você pode usar e dicas que vão te poupar horas de 'por que isso não funciona?!'.

Porque compartilhar conhecimento é mais legal que guardar segredo.

8+ anos de experiênciaProjetos reais, não tutoriaisDe dev para devs
0+

Anos de Experiência

0+

Projetos Entregues

0+

Devs Mentorados

0+

Xícaras de Café

// Quem está por trás do código

Sobre Mim

Começei em 2016 e desde então passei por seguros, fintechs, marketplaces e SaaS. Trabalho de perto com design, backend e produto porque acredito que bom frontend entende o sistema todo. Não sou só de escrever código bonito — me envolvo com arquitetura, design systems, testes, acessibilidade e performance. Basicamente, tudo que faz a diferença entre 'funciona na minha máquina' e 'funciona em produção há 2 anos sem bug crítico'.

10+Anos de experiência
MilharesUsuários impactados
MentoriasCode reviews e pair programming
React 18+Next.js 14+React NativeTypeScriptTailwind CSSMaterial UIRadix UIGraphQLReact QueryNode.jsJest / VitestExpoStyled ComponentsCI/CD
Tech Stack

Tecnologias que Domino

Ferramentas e frameworks que uso no dia a dia para construir produtos de alta qualidade

⚛️
React8+ anos
Expert
Next.js6 anos
Expert
TS
TypeScript8+ anos
Expert
JS
JavaScript10 anos
Expert
Zod3 anos
Expert
📋
React Hook Form4 anos
Expert
GitHub ao Vivo

Dados em tempo real do meu perfil GitHub

Carregando dados do GitHub...

// Trabalhos em destaque

Projetos

Dev Showcase

Dev Showcase

Plataforma de portfolio e conteudo tecnico com i18n (4 idiomas), SEO avancado, chatbot IA, busca global e implementacoes reais. O site que voce esta acessando agora.

Next.js 16
React 19
TypeScript
Tailwind 4
shadcn/ui
OpenAI
Azul Seguros

Azul Seguros

Azul Seguro Auto por Assinatura e o seguro para o seu carro por assinatura mensal. Plataforma completa com fluxo de contratacao.

React
Next.js
TypeScript
Styled Components
Framer Motion
Storybook
Auto Facil Itau

Auto Facil Itau

Seguro Auto Facil e um produto da Azul Seguros em parceria com o Itau. Seguro para carro por assinatura mensal com UX simplificada.

Next.js
TypeScript
Styled Components
Framer Motion
Storybook
Rio Card Mais

Rio Card Mais

Sistema de busca de pontos de atendimentos mais proximos do usuario com mapa interativo e filtros avancados.

Next.js
TypeScript
Tailwind
shadcn/ui
React Query
Zustand
Leaflet
Mind Schedule

Mind Schedule

Painel administrativo onde profissionais cadastram negocios, configuram horarios, definem servicos e valores. Integra autenticacao via Clerk, sugestoes por IA e deploy na Vercel.

Next.js 15
TypeScript
Tailwind
Clerk
Zustand
Zod
Safira Energia

Safira Energia

Landing page criada para disponibilizar os servicos prestados pela Safira Energia, com design moderno e integracoes.

Next.js
TypeScript
Tailwind
Framer Motion
Firebase
UChallenger

UChallenger

Plataforma inovadora que otimiza o tempo dos jogadores, permitindo que obtenham lucratividade a qualquer momento em competicoes online.

Next.js
TypeScript
Tailwind
shadcn/ui
React Query
Zod
Zustand
Stellantis Financiamentos APP

Stellantis Financiamentos APP

Portal do Cliente Stellantis Financiamentos: plataforma para gerenciamento completo de financiamentos, pagamentos seguros e consulta de parcelas.

TypeScript
React Native
Native Base
Stellantis Financial

Stellantis Financial

Solucoes completas para consumidor final e concessionarias de financiamentos, seguros e consorcios.

Next.js
TypeScript
Tailwind
Radix UI
Prisma
Storybook
Stellantis Seguros

Stellantis Seguros

Produto focado em cotacoes de seguros de automoveis com fluxo intuitivo e design limpo.

Next.js
TypeScript
Tailwind
Radix UI
Storybook
Dynamic Form Builder

Dynamic Form Builder

Aplicacao para criacao e resposta de formularios dinamicos com perguntas condicionais, multiplos tipos de resposta e painel de visualizacao.

Next.js
TypeScript
React Hook Form
Tailwind
shadcn/ui
GoBarber

GoBarber

Plataforma completa de agendamento para barbearias com backend em Node.js (TDD, Clean Architecture, SOLID) e frontend React.

React
Node.js
TypeScript
Styled Components
TDD
// Minha trajetoria profissional

Experiencia

Desenvolvedor Frontend Senior / Lider Tecnico

FCamara

Out/2025 - Atual

Desenvolvimento de aplicacoes com React (Vite) e Next.js, aplicando boas praticas de arquitetura e organizacao por dominio. Implementacao de interfaces com Tailwind CSS, construcao de componentes reutilizaveis e padronizados (base para design system). Implementacao de layouts complexos e telas estrategicas, com foco em performance e UX. Integracao com APIs e gerenciamento de estado com React Query. Atuacao com Server Components e SSR no Next.js. Alinhamento continuo com Tech Lead para definicao de solucoes tecnicas e priorizacao. Participacao ativa em code reviews, refinamentos tecnicos e decisoes de arquitetura. Lideranca tecnica com mentoria e code reviews com o time.

React 18
Next.js 14+
Vite
TypeScript
Tailwind CSS
React Query

Analista de Sistemas Pleno / Lider Tecnico Frontend

CI&T

Jan/2025 - Jul/2025

Atuei como referencia tecnica do frontend dentro de uma consultoria que atende grandes empresas. Meu papel ia alem de codar: participava das definicoes de arquitetura, fazia code reviews detalhados focando em performance e seguranca, e acompanhava de perto a evolucao dos devs mais junior com mentorias recorrentes. Colaboracao constante com squads multidisciplinares.

React
Next.js 14+
TypeScript
GraphQL
Tailwind CSS
Jest

Desenvolvedor React Senior (Web e Mobile)

Silicon Village

Jul/2023 - Nov/2024

Trabalhei numa fintech que atendia mais de 100 mil usuarios, desenvolvendo tanto o app mobile quanto a plataforma web. Um dos trabalhos que mais me orgulho foi criar um design system compartilhado entre Web e Mobile, que trouxe consistencia visual e acelerou o delivery. Tambem fiz otimizacoes que melhoraram em cerca de 40% a nota no Lighthouse.

React
React Native
Next.js
Expo
TypeScript
Styled Components

Desenvolvedor Frontend Pleno

Pixter

Nov/2021 - Jun/2023

Aqui foi onde amadureci bastante como dev. Construi features complexas sempre pensando em escalabilidade e experiencia do usuario. Implementei acessibilidade WCAG nos componentes mais criticos do produto e liderei uma grande refatoracao de codebase legado, melhorando a manutenibilidade e reduzindo bugs recorrentes.

React
Next.js
TypeScript
Styled Components
Jest

Desenvolvedor Full Stack

ConsulTi

Dez/2020 - Nov/2021

Minha primeira experiencia mais completa trabalhando com front e back. Desenvolvi APIs REST, microsservicos e interfaces web com React e Next.js. Foi aqui que comecei a entender de verdade como o frontend se conecta com toda a engenharia por tras.

React
Next.js
TypeScript
Node.js
Styled Components

Desenvolvedor Full Stack / Suporte Tecnico

Oeste Saude

Mai/2019 - Nov/2020

Comecei na area de suporte tecnico e fui migrando para desenvolvimento por conta propria, estudando React e TypeScript nos horarios livres. Acabei assumindo a manutencao e evolucao do sistema web da empresa na area da saude. Foi onde tudo comecou e onde construi uma base solida.

React
TypeScript
JavaScript
HTML/CSS
// Como uso IA no dia a dia

IA no Desenvolvimento

IA deixou de ser hype e virou ferramenta essencial no meu workflow. Uso diariamente pra acelerar desenvolvimento, escrever codigo melhor e resolver problemas complexos mais rapido.

v0 by Vercel

Gero componentes React/Next.js completos com prompts descritivos. Economizo horas de boilerplate e foco em logica de negocio ao inves de escrever HTML/CSS do zero.

GitHub Copilot

Autocomplete inteligente que escreve funcoes inteiras, testes e documentacao. Aprende meus padroes e sugere solucoes que seguem as convencoes do projeto.

Vercel AI SDK

Integro chatbots, streaming de respostas e geracao de texto em apps Next.js. Uso em features como traducao automatica, sugestoes de conteudo e assistentes contextuais.

Prompt Engineering

Sei estruturar prompts eficientes: contexto claro, exemplos, restricoes e formato de saida. Isso garante respostas consistentes e reduz iteracoes.

Exemplo Real

Como uso Vercel AI SDK em projetos

Chatbot com streaming de respostas usando AI SDK + OpenAI

app/api/chat/route.ts
import { streamText } from "ai";
import { openai } from "@ai-sdk/openai";

// Route Handler para chat com streaming
export async function POST(req: Request) {
  const { messages } = await req.json();

  const result = await streamText({
    model: openai("gpt-4-turbo"),
    messages,
    system: "Voce e um assistente que ajuda devs.",
  });

  return result.toDataStreamResponse();
}
// Entre em contato

Vamos conversar?

Estou sempre aberto a discutir novos projetos, ideias criativas ou oportunidades de fazer parte da sua visao.

Envie uma mensagem

Protegido por reCAPTCHA. Privacidade e Termos do Google.

WhatsApp

Resposta rapida

E-mail direto

Respondo em ate 24h

vbastazin@gmail.com

Redes sociais