Next.js Deploy de um Projeto React com Next.js no Vercel (Via Site) Realizar o deploy de um projeto é um passo crucial para o desenvolvimento web. Dentre tantas plataformas de hospedagem existentes hoje em dia, a Vercel é uma que se destaca pela facilidade de uso e pela integração perfeita com frameworks como o Next.js. Neste artigo, vamos realizar juntos o
front-end React Redux e TypeScript Nos últimos anos, o desenvolvimento front-end tem passado por uma verdadeira revolução, impulsionada por tecnologias inovadoras e abordagens eficientes, sendo duas delas o Redux e o TypeScript. Enquanto o Redux é uma biblioteca que permite a criação de interfaces interativas e escaláveis, o TypeScript é uma linguagem de programação que
Node.js Implementando TypeORM no NestJS O NestJS é um framework que facilita (e muito) o desenvolvimento com o Node.js, pois concede funcionalidades que, utilizando a arquitetura MSC, nos entregam trechos de código que requereriam um considerável tempo que pode assim ser reaproveitado em questões mais específicas do projeto. Nas minhas últimas publicações (você pode
Angular Diretivas no Angular Quando falamos de Front-end, Angular, React e Vue são nomes que são geralmente citados no tocante ao Desenvolvimento Web com Javascript. Dentre eles, o Angular é o mais antigo, sendo utilizado amplamente até hoje em muitos projetos e empresas, por sua escalabilidade e alta capacidade de componentização. Neste artigo, subiremos
MongoDB Integrando MongoDB e NestJS Nos últimos anos, o cenário de desenvolvimento de software testemunhou uma mudança significativa na criação de aplicativos altamente eficientes, escaláveis e flexíveis. Nesse contexto, a escolha das ferramentas e tecnologias certas desempenha um papel fundamental no sucesso de um projeto. Entre as combinações que têm ganhado destaque na construção de
React Integrando o Firebase no React Todo desenvolvedor que quer enriquecer o seu portfólio já fez o questionamento em algum momento da vida sobre onde fazer o deploy do back-end da sua aplicação sem muita dor de cabeça. Geralmente, existem repositórios que oferecem serviços pagos ou limitados e com uma burocracia que demanda um tempo considerável
React React Router Dom v6 - O que mudou? É natural esperar que tecnologias sofram atualizações. A cada dia que passa, o conhecimento da humanidade aumenta exponencialmente e, consequentemente, algumas funcionalidades, frameworks, bibliotecas e afins tornam-se obsoletas, ou no mínimo dignas de um upgrade. Foi isso o que aconteceu com a ferramenta mais utilizada atualmente para o gerenciamento de
Angular Primeiros passos com o Angular Se você está inserido dentro do cenário do Desenvolvimento Web, é extremamente provável que você já tenha ouvido falar sobre o Angular. Juntamente com o React.js e o Vue.js, ele compõe o triunvirato das ferramentas JavaScript mais populares, requisitadas e utilizadas pelas empresas e desenvolvedores. Neste artigo aprenderemos
Tailwind Tipografia com Tailwind - Parte II Saudações, caro leitor! Estamos de volta, com mais conteúdo e aprendizado, envolvendo classes de tipografia em Tailwind! Na última vez que nos encontramos, você aprendeu os conceitos básicos de tamanho, estilo, espaçamento entre letras, espessura e família de fontes. No artigo de hoje, continuaremos os nossos estudos explorando esta área
Tailwind Tipografia com Tailwind - Parte I Com o passar dos anos, tecnologias que facilitam a vida do programador foram ganhando mais e mais espaço. Dada a praticidade que o mundo mergulha a cada dia que passa, ferramentas que agilizam a nossa interação com o código, de fato, seriam consequência de nossas demandas e, hoje, dentre as
Tailwind Utilizando Bordas e Contornos com Tailwind A estilização de aplicações é um conceito importantíssimo na vida de quem tem em seu dia a dia o desenvolvimento front-end. Uma boa estruturação para o seu site é fundamental, mas se ele não agradar aos olhos de quem o utiliza, não garantirá que este usuário vá embora e procure
Tailwind Utilizando transformações no Tailwind No artigo de hoje, aprenderemos a utilizar algumas classes disponibilizadas pelo Tailwind voltadas ao uso e manipulação de transformações, que são um conjunto de atributos que manipulam escalas, rotações, deslocamento, entre outros. Vamos lá? O Tailwind é uma ferramenta que facilita demais o uso do CSS. Geralmente, realizamos a estilização
Tailwind Utilizando Transições e Animações com o Tailwind Nos dias atuais onde existem milhões de aplicações e websites espalhados por aí, qualquer toque a mais ou a menos já é motivo para um usuário ficar na nossa página ou procurar outra mais interativa. Com isso, a forma como são feitas as transições e animações das nossas aplicações são
Tailwind Explorando Backgrounds com Tailwind - Parte 2 Saudações, caro leitor! Estamos de volta, com mais aprendizado envolvendo o Background e o Tailwind CSS! Na última vez você aprendeu os conceitos básicos de Background Color e Background Clip. No artigo de hoje, continuaremos os nossos estudos explorando o Background Image e outros conceitos que giram em torno dele.
Tailwind Explorando Backgrounds com Tailwind - Parte 1 No artigo de hoje, aprenderemos a utilizar alguns conjuntos de classes disponibilizadas pelo Tailwind voltadas ao uso e manipulação de backgrounds, que são um conjunto de atributos que definem estilizações para o fundo dos elementos. Vamos lá? O Tailwind é um framework criado com o objetivo de melhorar o uso
Tailwind Espaçamentos e Tamanhos com Tailwind Existem detalhes na vida que são essenciais para que possamos desempenhar certas atividades ao longo dela. Ter a noção de espaço para estacionar um carro sem bater no que está ao lado, saber quanto tempo é gasto para ir de casa para o trabalho sem se atrasar, calcular quanto na
Tailwind Como utilizar o Grid Layout com Tailwind CSS Quanto mais os anos vão se passando e as demandas se prolongam, mais o programador tende a procurar tecnologias que o ajudam a conseguir mais fazendo menos. Foi assim que surgiram diversos frameworks e bibliotecas, como por exemplo o React, o Vue, o Angular e o que iremos abordar neste
Flexbox Como utilizar o Flexbox com Tailwind CSS - Parte 2 Saudações, caros leitores! Estamos de volta, com mais aprendizado envolvendo o Flexbox e o Tailwind CSS! Na última vez que nos encontramos e compartilhamos conhecimentos sobre o assunto, aprendemos os conceitos básicos do Flexible Box Module (pra nós que já nos tornamos íntimos desde o último artigo, já podemos chamar
Flexbox Como utilizar o Flexbox com Tailwind CSS - Parte 1 A cada dia que passa, mais e mais frameworks e bibliotecas surgem para melhorar a qualidade de vida do programador. Com o objetivo de facilitar e simplificar as implementações, muitos alcançam uma visibilidade tão gigantesca que fica difícil ser inserido em um determinado meio sem nunca sequer ter pelo menos
Tailwind Utilizando Hover PopUp e Tooltip com Tailwind CSS Se você se encontra atualmente envolvido com o universo frontend em qualquer grau que seja, sem a menor sombra de dúvidas já deve ter pelo menos ouvido falar no nome Tailwind CSS (e se não ouviu ainda, considere-se agraciado, pois este artigo também é para você!). Diante de tantas e
Axios Conectando Front e o Back com o Axios Requisições HTTP são extremamente essenciais para o desenvolvimento web. Por meio delas, interligamos o frontend e o backend, blocos primordiais em projetos fullstack que muitas vezes são vistos como partes isoladas. Enxergando a importância dessa conexão entre os dois, implementaremos juntos neste artigo um projeto que utiliza o React.js
React Carrossel usando React e Tailwind Durante o desenvolvimento de um determinado projeto, geralmente nos deparamos com demandas que rapidamente podem ser resolvidas com o uso de bibliotecas especializadas, como por exemplo o React-Google-Charts para gráficos, ou o Framer Motion para animações. Todavia, o que fazer quando determinada empresa ou projeto no qual estamos envolvidos não
MySQL Realizando um CRUD no MySQL com o Node.js Durante o desenvolvimento de uma aplicação robusta em que interagimos com bancos de dados, é uma certeza que o desenvolvedor backend realizará as quatro operações básicas de criação, leitura, atualização e exclusão. Conhecido como CRUD (abreviação em inglês para as palavras Create, Read, Update e Delete), este é o conjunto
React Google Charts Gráficos com React Google Charts Utilizar um gráfico é a melhor e mais profissional forma de se organizar, expressar e acompanhar resultados. Quando bem estruturados, eles proporcionam uma fácil compreensão e se tornam essenciais para o dia a dia corporativo e, consequentemente, para aplicações que envolvam qualquer tipo de acompanhamento e demonstração de dados. Tendo
Node.js Utilizando rotas no Node.js Durante o desenvolvimento de uma aplicação web robusta é natural que em algum momento tantas funcionalidades existam que sem uma boa organização tudo será dominado pelo caos. Imagine que você tenha dez endereços e que cada um deles tenha os métodos POST, GET, PUT e DELETE. Ao todo, serão quarenta