ProjetosEstudoPortifólio pessoal feito com Next.js, Tailwind e TypeScript
Portifólio pessoal feito com Next.js, Tailwind e TypeScript

Portifólio pessoal feito com Next.js, Tailwind e TypeScript

Visão Geral

Bem-vindo ao meu portfólio! Este projeto foi criado e pensado para servir como uma vitrine das minhas habilidades, experiências e projetos realizados ao longo da minha carreira. Aqui, você encontrará uma coleção detalhada do meu trabalho, destacando minhas competências e a dedicação que coloco em cada projeto.

O design foi inspirado pelos princípios de usabilidade e mobile first, garantindo ao máximo uma navegação intuitiva para que se possa explorar facilmente cada seção e com isso, fornecer uma visão completa das minhas dos meus trabalhos como também, ao meu respeito.

Além disso, este projeto também serve como meu laboratório de testes, onde implemento novas bibliotecas e tecnologias antes de utilizá-las em projetos reais. Isso me permite estar sempre atualizado com as últimas tecnologias do mercado e garantir a qualidade e eficiência em meus trabalhos.

Tecnologias

Next.js: Next.js é um framework React que permite a renderização no lado do servidor, geração de site estático e outras otimizações prontas para uso. Ele proporciona uma experiência de desenvolvimento suave e excelente desempenho para aplicações web.

Framer Motion: Framer Motion é uma biblioteca para criar animações em aplicações React. Ela oferece uma API simples e intuitiva para construir animações complexas, aprimorando a experiência do usuário da aplicação.

React-hook-form: React-hook-form é uma biblioteca para gerenciar formulários em aplicações React. Ela fornece uma abordagem declarativa para validação de formulários e gerenciamento de estado de formulários, melhorando a usabilidade e a manutenção da página de contato da aplicação.

Tailwind CSS: Tailwind CSS é um framework CSS utilitário que facilita a criação de designs personalizados sem precisar sair do HTML. Ele simplifica o processo de estilização e facilita a prototipagem rápida e o desenvolvimento da aplicação.

Axios: Axios é um cliente HTTP baseado em promessas para JavaScript. Ele simplifica a realização de requisições HTTP, como GET, POST, PUT e DELETE, tanto do navegador quanto do Node.js. Axios lida com transformações de requisições/respostas e suporta navegadores mais antigos, tornando as interações com APIs mais fáceis e confiáveis.

@notionhq/client: @notionhq/client é o cliente JavaScript oficial para a API do Notion. Ele permite que os desenvolvedores interajam com os dados do Notion programaticamente, possibilitando a criação, atualização e recuperação de páginas e bancos de dados. Este cliente simplifica a automação de fluxos de trabalho e a construção de integrações personalizadas com o Notion.

React-icons: React-icons é uma biblioteca para usar pacotes de ícones populares em aplicações React. Ela inclui ícones de coleções como Font Awesome e Material Design. React-icons oferece uma API simples para adicionar e personalizar ícones, aprimorando o apelo visual dos projetos React.

@vercel/speed-insights: @vercel/speed-insights integra o Google PageSpeed Insights com implantações Vercel. Ele ajuda os desenvolvedores a monitorar e analisar o desempenho de suas aplicações web, fornecendo insights e sugestões para melhorias. Isso garante que as aplicações estejam otimizadas para velocidade e ofereçam uma melhor experiência ao usuário.

Ferramentas de Desenvolvimento

Vercel: Vercel é uma plataforma de nuvem para sites estáticos e funções serverless. É usada para implantar e hospedar a aplicação, proporcionando uma experiência de implantação perfeita com integração CI/CD integrada.

Speed Insights: @vercel/speed-insights integra o Google PageSpeed Insights com implantações Vercel. Ele ajuda os desenvolvedores a monitorar e analisar o desempenho de suas aplicações web, fornecendo insights e sugestões para melhorias. Isso garante que as aplicações estejam otimizadas para velocidade e ofereçam uma melhor experiência ao usuário.

Analytics: Vercel Analytics é utilizada para monitorar visitantes e analisar o tráfego da aplicação. Ela fornece insights valiosos sobre o comportamento dos usuários e ajuda a otimizar a aplicação para melhor engajamento e usabilidade.

ESLint, Prettier e SonarQube: ESLint, Prettier e SonarQube são usados para manter a qualidade e consistência do código na aplicação. Eles aplicam padrões de codificação e melhores práticas, garantindo um código limpo e legível em toda a base de código.