Article image
Pedro Dias
Pedro Dias19/04/2024 17:35
Compartilhe

GitHub Profile - Atualização (PWA)

  • #TypeScript
  • #Next.js
  • #React

Nessa atualização, implementei um modelo de PWA (Progressive Web App), esse modelo pode fazer que uma Aplicação Web, que pode ser instalada tanto no celular ou tablet, quanto no computador, quando instalar a aplicação nesses dispositivos, ele pode se comportar como uma Aplicação Nativa.

Tinha feito uma enquete no meu Linkedin se poderia implementar o PWA nesse projeto, e o resultado foi que podia implementar o PWA, durante o período de votação, estava pesquisando como posso fazer que uma aplicação em Next.JS possa utilizar o PWA. Depois que a votação foi encerrada, fui implementar no projeto, fiz um ícone do projeto quando for instalado no dispositivo, e utilizei a Inteligência Artificial para fazer o ícone do projeto.

Depois de configurar, fui testar para ver se está tudo certo, e deu certo, depois fiz algumas melhorias na configuração.

Antes de implementar o PWA no projeto, fiz com que o projeto possa ter um estilo diferente para o tema claro e o tema escuro, dependendo da configuração do dispositivo, a configuração dos temas no projeto, no tema claro possui a cor mais clara com os detalhes e o textos mais escuros, e no tema escuro e praticamente o oposto.

E fiz uma publicação no Linkedin sobre a atualização no projeto, quem quiser dá uma força, vou disponibilizar o link da publicação para ver como ficou, nessa publicação, coloquei os links do repositório e o link para acessar o projeto.

Quando for testar a atualização, diga em quais situações vocês utilizariam o tema claro e o tema escuro, e quais situações vocês utilizariam a aplicação no navegador e como uma aplicação nativa.

Link da postagem no Linkedin: https://www.linkedin.com/posts/pedro-soares-dias_ol%C3%A1-comunidade-esse-v%C3%ADdeo-%C3%A9-uma-atualiza%C3%A7%C3%A3o-activity-7183129351415046145-kZt8?utm_source=share&utm_medium=member_desktop

Link do Projeto: https://github-profile-lac.vercel.app/

Link do Repositório: https://github.com/PedroSoaresDias/github-profile

Compartilhe
Comentários (0)