DEV Community: Patrick Monteiro

Vite 8 chega com novo bundler em Rust e builds muito mais rápidos

Patrick Monteiro — Sun, 15 Mar 2026 13:49:43 +0000

O time do Vite anunciou a chegada do Vite 8, trazendo uma das maiores mudanças da história da ferramenta: a introdução de um novo bundler chamado Rolldown, desenvolvido em Rust e focado em alto desempenho.

A atualização promete builds de produção significativamente mais rápidos, além de preparar o ecossistema para uma nova geração de ferramentas de desenvolvimento frontend.

Um novo bundler para o Vite

Até as versões anteriores, o Vite utilizava dois bundlers diferentes:

esbuild para compilação rápida durante o desenvolvimento
Rollup para gerar bundles otimizados em produção

Embora esse modelo funcionasse bem, ele também criava algumas inconsistências entre desenvolvimento e build final.

Com o Vite 8, esse processo foi simplificado: agora tudo roda sobre o Rolldown, um bundler escrito em Rust que combina velocidade e compatibilidade com o ecossistema atual.

Mais performance com Rust

O novo bundler foi projetado para oferecer:

⚡ Performance próxima ao esbuild
🚀 10 a 30x mais rápido que o Rollup em builds
🔌 Compatibilidade com a API de plugins do Rollup

Isso significa que a maioria dos plugins existentes continuará funcionando, facilitando a migração para a nova versão.

Além disso, o Rolldown faz parte de uma nova toolchain moderna que inclui o compilador Oxc, também escrito em Rust.

Novos recursos no Vite 8

Além da mudança no bundler, o Vite 8 traz alguns recursos adicionais:

suporte nativo para tsconfig paths
suporte automático para emitDecoratorMetadata do TypeScript
melhorias na consistência entre dev e produção

Essas melhorias ajudam a reduzir configurações manuais e simplificam o setup em projetos modernos.

Melhorias futuras já planejadas

A equipe também revelou algumas otimizações que estão em desenvolvimento:

Full Bundle Mode para projetos grandes
Inicialização do dev server até 3x mais rápida
40% mais rápido em reload completo
até 10x menos requisições de rede durante o desenvolvimento

Essas mudanças devem tornar o Vite ainda mais eficiente em aplicações de grande escala.

Conclusão

O Vite 8 marca uma evolução importante na ferramenta, consolidando uma nova base tecnológica com Rust e unificando o processo de build.

Para desenvolvedores frontend — especialmente quem trabalha com frameworks modernos — essa atualização promete mais velocidade, consistência e escalabilidade no desenvolvimento

Fonte: blog vite

Curso Vuejs Expert

Se você quer dominar o ecossistema Vuejs, o Curso Vuejs Expert é a escolha certa para ir do básico ao avançado com o framework e conhecer todo o ecossistema com apenas 1 curso.

https://cursovuejs.com.br

Curso Vuejs Expert Vitalício + Totem de Brinde

Patrick Monteiro — Tue, 16 Dec 2025 14:21:05 +0000

Este fim de ano estou fazendo uma promoção no Curso Vuejs Expert, onde ao você adquiri-lo, ainda ganha o totem Vuejs impresso em 3D totalmente grátis.

O curso tem acesso vitalício e conta com mais de 9 módulos programados, 5 deles já gravados, e atualmente com o de Nuxt tendo aulas liberadas semanalmente.

E se você usar o cupom TOTEMVUE ganha um descontão pra esse natal =)

Acesse: https://cursovuejs.com.br

🔥 Black Friday Vue.js Expert: 50% de Desconto + Vagas LIMITADAS

Patrick Monteiro — Sat, 01 Nov 2025 20:33:19 +0000

A oportunidade que você esperava o ano inteiro chegou. E ela tem prazo para acabar.

Se você está cansado de ficar preso em tutoriais básicos, quer dominar Vue.js de verdade e se tornar um desenvolvedor expert requisitado pelo mercado, os próximos 15 dias podem mudar sua carreira.

Por Que Você Precisa Agir AGORA (E Não Depois)

Vou ser direto com você: as vagas são limitadas.

Não é estratégia de marketing. É realidade. O Vue.js Expert é um curso premium com suporte diferenciado, e para manter a qualidade, há um limite de alunos por turma.

E quando esse limite for atingido? A promoção acaba. Simples assim.

Você pode esperar para decidir depois, mas “depois” pode significar pagar o dobro. Ou pior: ficar de fora completamente.

O Que Você Vai Dominar no Vue.js Expert

Este não é mais um curso básico de Vue.js. É a formação completa que transforma desenvolvedores intermediários em especialistas requisitados pelo mercado.

Você vai aprender:

Vue.js 3 do zero ao avançado, com as melhores práticas do mercado. Composition API e todos os recursos modernos do framework. Gerenciamento de estado com Pinia e Vuex de forma profissional. Roteamento avançado com Vue Router para aplicações complexas. Integração com APIs RESTful e GraphQL. Testes automatizados para garantir código confiável. Performance e otimização de aplicações Vue. Deploy e publicação de projetos reais em produção.

E o melhor de tudo? Projetos práticos do mundo real que você pode colocar no seu portfólio imediatamente.

Para Quem Este Curso Foi Feito

✅ Você deve fazer o Vue.js Expert se:

Já conhece JavaScript mas quer se especializar em um framework moderno. Está cansado de tutoriais superficiais que não te levam a lugar nenhum. Quer construir aplicações web profissionais e escaláveis. Busca uma transição de carreira ou aumento salarial na área tech. Precisa de projetos reais para o seu portfólio. Quer dominar Vue.js para conseguir melhores oportunidades no mercado.

❌ Este curso NÃO é para você se:

Está procurando “fórmulas mágicas” sem esforço. Não tem tempo para se dedicar aos estudos. Só quer “o básico” e não está interessado em se aprofundar. Não está disposto a praticar e construir projetos.

O Investimento Que Se Paga em Semanas

Vamos fazer as contas reais:

Um desenvolvedor Vue.js pleno no Brasil ganha, em média, entre R$ 6.000 e R$ 12.000 por mês. Se você conseguir apenas UM freelance usando o conhecimento do curso, o investimento já se pagou.

E com 50% de desconto na Black Friday? Você está literalmente investindo metade do preço para ter acesso ao mesmo conteúdo premium.

Mas lembre-se: essa oportunidade tem data para acabar.

Como Garantir Seu Desconto de 50%

É simples e rápido:

Acesse o site oficial: cursovuejs.com.br
Clique em “Obter descontos + Vantagens”
No checkout, insira o cupom: BLACKVUE
Veja o desconto de 50% ser aplicado automaticamente
Finalize sua matrícula e comece a estudar imediatamente

⏰ Lembre-se: promoção válida apenas de 01/11 até 15/11

Ainda Está em Dúvida? Respondo as Principais Perguntas

❓ “Preciso saber Vue.js antes de começar?”
Não! O curso começa do zero e vai até o nível expert. Você só precisa ter conhecimento básico de JavaScript.

❓ “Quanto tempo tenho acesso ao curso?”
Acesso vitalício! Você pode estudar no seu ritmo e revisar o conteúdo sempre que quiser.

❓ “E se eu não gostar do curso?”
Há garantia de reembolso. Você pode testar o curso sem riscos.

❓ “O certificado é reconhecido?”
Sim! Você recebe certificado de conclusão que pode incluir no seu LinkedIn e currículo.

❓ “Consigo tirar dúvidas com o instrutor?”
Sim! O curso inclui suporte para suas dúvidas durante o aprendizado.

O Momento de Agir É Agora

Você tem duas escolhas neste momento:

Opção 1: Deixar para depois, perder o desconto de 50%, e continuar onde está agora. Talvez pagar o dobro no futuro. Ou ficar de fora quando as vagas esgotarem.

Opção 2: Aproveitar a Black Friday, garantir sua vaga com 50% OFF, e começar sua jornada para se tornar um desenvolvedor Vue.js expert hoje mesmo.

A diferença entre essas duas opções? Uma decisão nos próximos minutos.

Daqui a 6 meses, você vai estar em um destes cenários:

Cenário 1: Ainda consumindo tutoriais gratuitos, sem projetos reais no portfólio, na mesma posição profissional.

Cenário 2: Dominando Vue.js, com projetos profissionais no portfólio, buscando oportunidades melhores ou já trabalhando em um emprego melhor remunerado.

Qual cenário você escolhe?

Conclusão: Seu Futuro Como Dev Vue.js Começa Hoje

A Black Friday é aquele momento único do ano onde você pode investir em você mesmo com condições especiais.

E o Vue.js Expert com 50% de desconto? Isso não vai se repetir tão cedo.

Você pode continuar adiando sua evolução profissional, ou pode dar o próximo passo agora.

A porta está aberta. Mas só até 15 de novembro. E só enquanto houver vagas.

O que você vai escolher?

🚀 Lançamento do Curso Vue.js Expert – Torne-se um especialista em Vue.js

Patrick Monteiro — Sat, 23 Aug 2025 14:05:50 +0000

🎯 O que você vai aprender?

O curso foi estruturado em 5 sessões principais, cobrindo desde os fundamentos até o uso de frameworks, bibliotecas e ferramentas avançadas:

Sessão 1 – Fundamentos do Vue.js

Introdução ao ecossistema Vue
Fundamentos essenciais
Criação e composição de componentes
Construção de um MVP com DaisyUI

Sessão 2 – Frameworks e PWA

Quasar Framework: criação de aplicações multiplataforma
Progressive Web Apps (PWA)

Sessão 3 – UI Libraries

PrimeVue
Vuetify

Sessão 4 – Data Visualization

ECharts
ApexCharts

Sessão 5 – Avançando com Nuxt

Introdução e prática com Nuxt para projetos escaláveis

💡 Diferenciais do curso

Conteúdo atualizado e prático

Foco em criar aplicações reais

Exemplos aplicáveis ao mercado de trabalho

Comunidade de alunos para troca de experiências

💰 Preço promocional de lançamento

Para comemorar o lançamento, os primeiros 100 alunos terão acesso ao curso por apenas R$ 299,90.
Após essa cota inicial, o valor será reajustado.

👉 Garanta sua vaga no site oficial: cursovuejs.com.br

📅 Data de lançamento

30 de agosto de 2025
Marque na sua agenda e prepare-se para dar o próximo passo na sua carreira como desenvolvedor!

🚀 Conclusão

O Curso Vue.js Expert foi criado para levar você do básico ao avançado no desenvolvimento com Vue.js, explorando desde conceitos fundamentais até ferramentas poderosas como Nuxt e Quasar.

Se você deseja se tornar um profissional preparado para o mercado, essa é a sua chance.

https://cursovuejs.com.br/

Vue.js Expert: A Oportunidade que Você Não Pode Perder para Transformar sua Carreira

Patrick Monteiro — Wed, 30 Jul 2025 12:12:32 +0000

O mercado de desenvolvimento front-end nunca esteve tão aquecido, e existe uma demanda crescente por desenvolvedores especializados em Vue.js. Se você está buscando uma oportunidade real de crescimento profissional e salarial, o momento de agir é agora.

Por que Vue.js é a Escolha Certa para 2025?

Vue.js consolidou-se como um dos frameworks JavaScript mais populares e requisitados do mercado. Empresas de todos os portes estão migrando para Vue.js devido à sua curva de aprendizado suave, performance excepcional e flexibilidade para projetos de qualquer escala.

A diferença entre um desenvolvedor generalista e um especialista em Vue.js pode representar um aumento salarial de R$ 3.000 a R$ 8.000 mensais. Profissionais com domínio avançado do framework estão conquistando posições com salários entre R$ 8.000 e R$ 15.000+, tanto no mercado nacional quanto internacional.

O Instrutor que Faz a Diferença

Patrick Monteiro não é apenas mais um instrutor - ele é uma referência nacional em Vue.js. Com experiência comprovada em startups de sucesso como Kovi, Solfácil, Atlas e Zarv, Patrick combina conhecimento técnico de alto nível com uma didática excepcional.

Como fundador da comunidade Vue.js Norte (hoje Devs Norte), a maior comunidade de tecnologia do Norte do Brasil, Patrick tem acompanhado de perto a evolução do framework e as demandas reais do mercado.

Heitor Ramon, autor dos livros "Vue 3 Cookbook" e "Building Vue.js Applications with GraphQL", destaca: "O Patrick é um dos desenvolvedores Vue.js mais experientes que conheço no Brasil. Seu conhecimento técnico e didática são excepcionais."

O que Torna Este Curso Único?

Aprendizado Prático e Aplicado

Você não vai apenas aprender teoria - vai desenvolver projetos reais que podem entrar diretamente no seu portfólio. SPAs modernas, dashboards interativos e sistemas web robustos usando as melhores práticas do mercado.

Técnicas Avançadas Exclusivas

Mesmo desenvolvedores experientes estão descobrindo técnicas que não conheciam. O curso vai além do básico, abordando conceitos avançados que realmente fazem a diferença no dia a dia profissional.

Conteúdo Sempre Atualizado

Com o curso em desenvolvimento ativo, você tem a garantia de receber o conteúdo mais atual e alinhado com as tendências do mercado.

Depoimentos que Comprovam o Valor

"Trabalhei com o Patrick em diferentes empresas, e seu conhecimento sobre Vue.js é sem dúvida o que o torna uma referência no Brasil sobre o assunto." - CEO e Desenvolvedor Fullstack Sênior

"Trabalho como QA, mas sempre faço pequenos projetos front-end. Com este curso tive muito mais autonomia e rapidez para criar um projeto do zero." - QA Sênior

"Mesmo sendo experiente, aprendi técnicas avançadas que não conhecia. Conteúdo de altíssima qualidade!" - Coordenadora de projetos na Compass UOL

Oferta de Lançamento Imperdível

🔥 Apenas para quem está na lista de espera:

50% de desconto no valor do curso
Bônus exclusivos que não estarão disponíveis depois
Acesso antecipado aos módulos conforme são lançados

Esta é uma oportunidade única de investir no seu futuro profissional com condições que não se repetirão.

Seu Futuro Começa com uma Decisão Simples

Imagine-se daqui a alguns meses:

Dominando completamente o Vue.js
Com um portfólio que impressiona recrutadores
Recebendo propostas de trabalho com salários superiores
Tendo a confiança para liderar projetos front-end complexos

O primeiro passo é simples: garantir sua vaga na lista de espera.

Não Deixe Essa Oportunidade Escapar

O mercado de tecnologia não espera. Enquanto você está pensando, outros desenvolvedores estão se especializando e conquistando as melhores posições.

Cadastre-se agora na lista de espera e garante:
✅ 50% de desconto na oferta de lançamento

✅ Bônus exclusivos

✅ Acesso prioritário quando as vagas abrirem

✅ Conteúdo de qualidade internacional com didática brasileira

👉 QUERO GARANTIR MINHA VAGA NA LISTA DE ESPERA

*Investir em conhecimento é o único investimento que sempre dá retorno. Sua carreira como desenvolvedor Vue.js expert começa com um clique

Master Class Vue 3 2025

Patrick Monteiro — Sat, 05 Apr 2025 00:47:17 +0000

Bem-vindo à Master Class Vue 3 2025! Se você está começando no mundo do desenvolvimento front-end ou deseja aprimorar suas habilidades com o Vue.js, este curso é para você. Neste vídeo, você aprenderá o básico do framework Vue 3, uma das ferramentas mais poderosas e populares para criação de interfaces interativas e dinâmicas.

O que você vai aprender:

Fundamentos do Vue 3: Entenda como o Vue funciona e como estruturar sua aplicação.

Configuração do Vite: Aprenda a configurar e otimizar seu ambiente de desenvolvimento com o Vite, uma ferramenta moderna e super rápida.

Design com Tailwind CSS: Crie layouts modernos e responsivos de forma fácil e flexível com o Tailwind.

Estilos com DaisyUI 5: Descubra como usar o DaisyUI 5, uma biblioteca de componentes prontos, para dar um toque elegante e funcional ao seu projeto.

Ao final desta Master Class, você terá uma base sólida para começar a criar suas próprias aplicações Vue 3 de maneira eficiente, rápida e com um design incrível. Então, prepare-se para mergulhar no Vue 3 com Vite, Tailwind e DaisyUI 5 e dê o primeiro passo para se tornar um especialista no desenvolvimento front-end!

🔔 Não se esqueça de se inscrever no canal e ativar as notificações para mais conteúdos como este. Deixe seu like e comente suas dúvidas, vamos crescer juntos na jornada do desenvolvimento!

Vídeo 1

Vídeo 2

Grandes Oportunidades de Lucrar com as Criptomoedas 1fuel e Remmitix na Pré-Venda

Patrick Monteiro — Sat, 08 Feb 2025 19:42:22 +0000

O mercado de criptomoedas continua a atrair investidores de todo o mundo, com novas oportunidades surgindo frequentemente. Duas dessas oportunidades recentes são a 1fuel e a Remmitix, duas criptomoedas que estão em fase de pré-venda e prometem revolucionar seus respectivos setores. Comprar durante a pré-venda pode ser uma estratégia lucrativa para quem deseja entrar em um estágio inicial de projetos com alto potencial de crescimento. Neste artigo, vamos explorar as vantagens de investir nessas duas novas moedas antes de seu lançamento oficial.

1fuel - A Criptomoeda da Sustentabilidade Energética

A 1fuel se destaca como uma criptomoeda inovadora que visa transformar o setor de energia sustentável. A proposta é permitir que o mercado de energia seja descentralizado, utilizando a blockchain para facilitar a troca de energia limpa e renovável de forma segura e transparente. A 1fuel promete ser um elo entre consumidores e fornecedores de energia verde, oferecendo vantagens significativas em termos de custo, eficiência e sustentabilidade.

Por que comprar na pré-venda?

Preço Acessível: Como a 1fuel ainda está em pré-venda, o preço das moedas está mais baixo, oferecendo uma oportunidade de obter tokens a um custo reduzido antes que a demanda aumente.
Potencial de Valorização: O mercado de criptomoedas tem demonstrado um grande interesse por soluções sustentáveis e energéticas. A 1fuel pode se tornar uma peça chave nesse movimento, resultando em um aumento substancial no valor do token à medida que o projeto ganha tração.
Apoio ao Futuro da Energia: Ao investir na pré-venda da 1fuel, você se torna parte de um projeto que pode moldar o futuro da energia e ao mesmo tempo lucrar com esse crescimento.

Remmitix - Transformando Remessas Internacionais

A Remmitix é uma criptomoeda que busca facilitar e agilizar o envio de remessas internacionais de forma econômica e segura. Com a proposta de oferecer uma solução para as altas taxas de transferência e a lentidão dos processos bancários tradicionais, a Remmitix promete ser uma alternativa revolucionária para o envio de dinheiro entre países, com base em uma plataforma blockchain de alta performance.

Por que comprar na pré-venda?

Solução para um Mercado Bilionário: O mercado global de remessas movimenta trilhões de dólares anualmente. A Remmitix oferece uma solução moderna para esse setor, com custos muito menores em comparação com os métodos tradicionais, o que pode atrair uma enorme base de usuários ao longo do tempo.
Aumento no Valor do Token: A medida que mais pessoas adotarem a Remmitix para suas remessas, a demanda pelo token provavelmente aumentará, resultando em uma valorização significativa do ativo.
Segurança e Eficiência: A Remmitix se diferencia ao oferecer um sistema totalmente descentralizado, que garante a segurança das transações e a velocidade das transferências, características muito apreciadas por aqueles que dependem de remessas internacionais.
Vantagens de Comprar na Pré-Venda
Investir em criptomoedas durante a pré-venda oferece várias vantagens. O principal atrativo é a possibilidade de adquirir tokens a preços significativamente mais baixos, antes que o projeto se torne mais conhecido e que a demanda aumente, o que normalmente resulta em uma valorização do ativo. Além disso, muitas vezes os investidores de pré-venda têm acesso a bônus ou recompensas extras, o que torna esse momento ainda mais vantajoso.

Ambas as criptomoedas, 1fuel e Remmitix, apresentam um alto potencial de valorização no futuro. A 1fuel tem a chance de se tornar uma referência no setor de energia sustentável, enquanto a Remmitix pode revolucionar o mercado de remessas internacionais, oferecendo um serviço mais barato e eficiente. Ao investir na pré-venda dessas criptomoedas, você não só aproveita um preço mais baixo, mas também se posiciona em projetos que podem ter um grande impacto no mercado de criptomoedas nos próximos anos.

Conclusão

O mercado de criptomoedas é altamente dinâmico e oferece diversas oportunidades para quem sabe onde investir. A pré-venda da 1fuel e da Remmitix é uma chance única de adquirir tokens a preços baixos antes que esses projetos se tornem mais populares e seu valor aumente. Se você está em busca de oportunidades de lucro no universo das criptomoedas, essas duas moedas oferecem um excelente potencial de valorização. Não perca a chance de entrar cedo e aproveitar as grandes possibilidades de lucro que podem surgir com essas criptomoedas inovadoras.

Modificando versão do node na Netlify

Patrick Monteiro — Fri, 19 Jul 2024 15:21:55 +0000

Recentemente comecei a receber alguns warnings no painel netlify sobre a depreciação da versão 16.x.

Para realizar o upgrade ou usar uma versão específica o processo é bem simples, basta setar uma nova Environment variables com o nome NODE_VERSION e a versão desejada.

Segue um exemplo abaixo do painel atualmente:

Ao rodar novamente o seu processo de deploy, você pode verificar a versão na etapa de inicialização:

Feito isso a versão node de seu projeto já está atualizada!

Netlify Dynamic Site Challenge: Building a Mars Mission Photo Web App

Patrick Monteiro — Tue, 07 May 2024 13:11:48 +0000

This is a submission for the Netlify Dynamic Site Challenge: Visual Feast.

Today technology has taken over not only our planet, but also the planets around us and the universe.
Man has been able to create technologies to explore other planets many light years from ours.
And there's nothing better than using a framework called Quasar to create a project using Netlify's powerful features.

What I Built

Using NASA's photo API, I created a gallery of images from missions to Mars with the rovers: Curiosity, Opportunity and Spirit.

Each rover has its own set of photos stored in the database, which can be queried separately. There are several possible queries that can be made against the API. Photos are organized by the sol (Martian rotation or day) on which they were taken, counting up from the rover's landing date. A photo taken on Curiosity's 1000th Martian sol exploring Mars, for example, will have a sol attribute of 1000.

And with the resources of Netlify Image CDN we can perform various transformations on images such as:

Size
Fit
Position
Quality
Format

To develop the web application, the Quasar Framework was used, a framework based on Vue.js with ready-to-use components, a powerful CLI and the possibility of exporting the application to: SPA, PWA, Mobile with Cordova and capacitor and Desktop with electron.

Demo

You can access the online demonstration through the link: https://quasar-nasa-photos.netlify.app/

Another interesting point is that you can install the app as a PWA on your device. This makes access easier.

Platform Primitives

Netlify's documentation is very smooth and intuitive. It has several examples to base yourself on and use in your application.

After choosing the Sun (accounting for the day from the rover's landing) and the rover executes a request to fetch the images from the NASA API. Using the Netlify Image CDN, we transform images, optimizing size and format, and also taking advantage of the caching feature to speed up queries.

Explanatory video

A video presenting the project and presenting the solution with Netlify Image CDN(pt-br🇧🇷):

Conclusion

I already use netlify for almost all of my personal and professional projects. Now with features such as image transformation using your CDN, I will be able to further optimize my projects.

If I manage to win the prize or the challenge, I will convert part of the money into technology books for the community I am part of in Brazil: DevsNorte

Monetizando Progressive Web Apps(PWA)

Patrick Monteiro — Thu, 11 Apr 2024 16:17:16 +0000

Progressive Web Apps (PWAs) são uma forma de desenvolvimento de aplicativos que combina as melhores características de sites e aplicativos móveis. São construídos utilizando tecnologias web padrão, como HTML, CSS e JavaScript, mas oferecem uma experiência de usuário semelhante à de aplicativos nativos. PWAs são progressivos, ou seja, funcionam em qualquer navegador e podem ser instalados na tela inicial de dispositivos, proporcionando uma experiência consistente em várias plataformas.

Vantagens

Acessibilidade: PWAs são acessíveis através de navegadores web, eliminando a necessidade de download e instalação. Isso reduz barreiras de entrada para os usuários.
Responsividade: São projetadas para se adaptarem a diferentes dispositivos e tamanhos de tela, proporcionando uma experiência consistente em desktops, tablets e smartphones.
Atualizações automáticas: PWAs se atualizam automaticamente, garantindo que os usuários sempre tenham acesso à versão mais recente, sem a necessidade de intervenção manual.
Desempenho: Oferecem um desempenho eficiente, com carregamento rápido e interações suaves, contribuindo para uma experiência de usuário otimizada.
Funcionamento offline: PWAs podem funcionar offline, permitindo que os usuários acessem conteúdo mesmo em condições de conexão intermitente ou inexistente.

Desvantagens dos Progressive Web Apps:

Limitações de API: Algumas funcionalidades avançadas disponíveis em aplicativos nativos podem ter limitações em PWAs devido às restrições das APIs web.
Reconhecimento limitado nas lojas de aplicativos: PWAs podem não receber tanta visibilidade nas lojas de aplicativos tradicionais em comparação com aplicativos nativos, o que pode afetar a descoberta por parte dos usuários.
Compatibilidade com hardware: Em alguns casos, o acesso a hardware específico do dispositivo pode ser limitado em PWAs, prejudicando funcionalidades que dependem de sensores ou recursos específicos.
Desempenho em dispositivos mais antigos: Em dispositivos mais antigos ou com recursos limitados, PWAs podem apresentar desempenho inferior em comparação com aplicativos nativos otimizados para essas condições.

Você pode aprender mais sobre PWA em meu canal no youtube:

Monetizando Progressive Web Apps

Recentemente conheci o Adcash, uma plataforma global de publicidade on-line. Algumas vantagens de utilizar a plataforma são:

Tecnologia anti-adblock
Anúncios limpos
Fácil Integração
Pagamentos rápidos
Alta taxa de preenchimento e eCPMs
Estatísticas ao vivo
Vários formatos de anúncio
Cobertura Mundial

E a integração com PWA é super simples, você pode optar por adicionar propagandas com marcação automática, ou seja, a plataforma vai escolher os melhores locais para exibir a publicidade de forma que você tenha um melhor ganho. Porém as vezes pode ser um pouco exagerado!

A outra opção é escolher os tipos de publicidade que você deseja como:

Pop-under
Intersticial
Push na página
Banner
Nativo(escolha o local onde irá exibir)

Inseri em meu aplicativo em apenas 03 dias tive um ganho em torno de 0.15 centavos de Dólar. A princípio vem se mostrando bastante promissor. Coloquei apenas 2 tipos de propagandas para não prejudicar a usabilidade do app e não tornar desgastante. Veja no gráfico abaixo:

Conclusão

Monetizar Progressive Web Apps é possível e não possui muita complexidade. Utilizando uma ferramenta como Adcash você conseguirá ter um pequeno ganho com publicidades em seus apps, sem tantas burocracias em comparação ao Google Adsense.

adcash.com

Tutoriais animados com Driverjs(com vídeo 🎥 )

Patrick Monteiro — Fri, 15 Dec 2023 17:23:07 +0000

Driver.js é uma ferramenta open source para tutoriais animados super simples e flexível para seus projetos javascript. Possui 20 mil estrelas no github!

Vantagens de ter um tutorial animado em sua aplicação:

Usuários integrados
Integre seus usuários explicando como usar seu produto e respondendo a perguntas comuns.
Remova distrações
Com o recurso de destaque, você pode remover distrações e focar a atenção dos usuários no que é importante.
Ajuda contextual
Forneça ajuda contextual para seus usuários, explique como usar seu produto e responda perguntas comuns.
Adoção de recursos
Destaque novos recursos, explique como usá-los e certifique-se de que seus usuários não os percam.

Tutorial em vídeo passo a passo

Preparei esse tutorial em vídeo para você aprender e usar na sua aplicação javascript. Confira:

Publique seu PWA na Microsoft Store no Windows GRATUITAMENTE

Patrick Monteiro — Sat, 19 Aug 2023 19:03:51 +0000

Por tempo e quantidade limitados, a partir de 15 de agosto, a equipe do PWABuilder está oferecendo contas de desenvolvedor gratuitas para publicar aplicativos na Microsoft Store no Windows para desenvolvedores que criaram PWAs qualificados.

Artigo original: https://blog.pwabuilder.com/posts/publish-your-pwa-to-the-microsoft-store-on-windows-for-free/

Temos o prazer de anunciar um novo programa para capacitar os desenvolvedores de PWA a trazer suas ideias e experiências para o Windows, GRATUITAMENTE. Por tempo limitado, em parceria com a Microsoft Store, os tokens de conta de desenvolvedor da Microsoft Store estarão disponíveis (aproximadamente US$ 19 cada) para desenvolvedores que possuem PWAs qualificados e desejam disponibilizá-los para usuários do Windows por meio da Microsoft Store. Basta inserir o URL do PWA aqui para começar.
Por que publicar seu PWA na Microsoft Store?

Os PWAs são aplicativos de primeira classe no Windows e podem ser indistinguíveis dos aplicativos criados com tecnologia nativa. Na verdade, alguns dos aplicativos mais populares e atraentes no Windows hoje são PWAs, incluindo Goodnotes , Adobe Express e Elk . A Microsoft Store está disponível para mais de um bilhão de usuários no Windows 10 e 11, oferecendo um grande alcance e público potencial para seus aplicativos no Windows. Ao empacotar e publicar seu PWA na Microsoft Store, você pode aumentar a capacidade de descoberta de seu aplicativo e ampliar sua base de usuários. Além disso, a Microsoft Store fornece uma plataforma confiável para os usuários encontrarem e instalarem aplicativos, dando ao seu PWA mais credibilidade e visibilidade.

Como funciona?

A partir de 15 de agosto e até 15 de setembro, um número limitado de desenvolvedores que possuem PWAs qualificados poderão reivindicar um token que lhes permitirá criar uma conta de desenvolvedor para publicar aplicativos na Microsoft Store gratuitamente. Para se qualificar para uma conta de desenvolvedor gratuita, seu PWA deve atender aos nossos padrões de qualidade, incluindo:
Seu PWA pode ser instalado a partir do navegador,
Seu manifesto da web tem todos os campos solicitados que descrevem e definem seu PWA e
Você implementou duas ou mais integrações de área de trabalho, como atalhos ou sobreposição de controles do Windows.

Ao aderir a essas diretrizes, você pode garantir que seu PWA ofereça uma ótima experiência de usuário em diferentes dispositivos e plataformas.
Assim que seu PWA atender aos critérios de qualidade, forneceremos a você um token para criar uma conta de desenvolvedor gratuita. Esse token elimina a taxa de registro de conta (aproximadamente) $ 19, tornando mais acessível para os desenvolvedores publicarem seus aplicativos.

Como começar?

Para participar desta oferta por tempo limitado, basta inserir sua URL PWA aqui para avaliação usando nosso fluxo de qualificação. Depois que seu PWA se qualificar, você precisará entrar com uma conta da Microsoft para reivindicar seu token.
Se o seu PWA se qualificar, você receberá um token para criar uma conta de desenvolvedor gratuita na Microsoft Store. Nossa documentação fornece um guia passo a passo sobre como criar sua conta e publicar seu PWA na Microsoft Store.
Aproveite esta oportunidade para mostrar seu PWA para um público mais amplo e aproveitar os benefícios da Microsoft Store. Comece agora! .

Tutorial em Vídeo

Confira meu canal no youtube ensinando passo a passo como realizar a validação e publicação do PWA na Microsoft Store.

Referências

Essa é uma tradução do artigo publicado no blog do pwabuilder: https://blog.pwabuilder.com/posts/publish-your-pwa-to-the-microsoft-store-on-windows-for-free/