{"id":1552,"date":"2024-09-20T14:42:11","date_gmt":"2024-09-20T17:42:11","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=1552"},"modified":"2025-11-26T13:03:54","modified_gmt":"2025-11-26T16:03:54","slug":"web-app-manifest-pwa","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/","title":{"rendered":"Web App Manifest PWA"},"content":{"rendered":"Tempo de leitura: <\/span> 3<\/span> minutos<\/span><\/span>\n

Web App Manifest PWA<\/strong>: O Web App Manifest<\/strong> \u00e9 um arquivo JSON<\/strong> essencial que fornece ao navegador todas as informa\u00e7\u00f5es necess\u00e1rias para instalar<\/strong> um Progressive Web App (PWA) e integr\u00e1-lo ao sistema operacional do usu\u00e1rio. Ele define como o PWA deve se comportar e aparecer quando lan\u00e7ado a partir da tela inicial (ou desktop<\/em>).<\/p>\n\n\n\n

Sem um Manifest v\u00e1lido e bem configurado, seu PWA n\u00e3o pode ser instalado, perdendo um de seus principais recursos.<\/p>\n\n\n\n

<\/div>\n\n\n\n

1. \u2699\ufe0f Como Implementar o Manifest<\/h2>\n\n\n\n

A implementa\u00e7\u00e3o \u00e9 um processo de duas etapas: criar o arquivo e link\u00e1-lo no HTML.<\/p>\n\n\n\n

    \n
  1. Cria\u00e7\u00e3o do Arquivo:<\/strong> Crie um arquivo com o nome manifest.json<\/code> na pasta raiz do seu projeto.<\/li>\n\n\n\n
  2. Inclus\u00e3o no HTML:<\/strong> Linke o arquivo dentro da tag <head><\/code> da sua p\u00e1gina inicial:<\/li>\n<\/ol>\n\n\n\n

    HTML<\/p>\n\n\n\n

    <head>\n  <link rel=\"manifest\" href=\"\/manifest.json\">\n<\/head>\n<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    Depura\u00e7\u00e3o R\u00e1pida<\/h3>\n\n\n\n
    Para verificar se o seu Manifest est\u00e1 sendo lido corretamente e se est\u00e1 livre de erros, voc\u00ea deve usar as Ferramentas do Desenvolvedor<\/strong> do seu navegador, geralmente na aba Application (Aplicativo) –> Manifest<\/strong>.<\/p>\n\n\n\n
    <\/div>\n\n\n\n
    2. \ud83d\udd11 Campos Essenciais para Instala\u00e7\u00e3o<\/h2>\n\n\n\n
    Esses campos s\u00e3o o m\u00ednimo necess\u00e1rio para que seu PWA passe nos testes de elegibilidade para instala\u00e7\u00e3o (A2HS – Add to Home Screen<\/em>).<\/p>\n\n\n\n
    Campo<\/strong><\/td>Prop\u00f3sito<\/strong><\/td>Exemplo<\/strong><\/td><\/tr><\/thead>
    name<\/code><\/strong><\/td>Nome completo, exibido durante o processo de instala\u00e7\u00e3o.<\/td>\"Meu Aplicativo de Vendas\"<\/code><\/td><\/tr>
    short_name<\/code><\/strong><\/td>Nome abreviado, usado sob o \u00edcone na tela inicial.<\/td>\"Vendas App\"<\/code><\/td><\/tr>
    start_url<\/code><\/strong><\/td>URL que o PWA deve carregar quando iniciado.<\/td>\"\/\"<\/code> (raiz) ou \"\/home.html\"<\/code><\/td><\/tr>
    display<\/code><\/strong><\/td>Define o modo de exibi\u00e7\u00e3o.<\/strong> O mais comum \u00e9 standalone<\/code><\/strong> (abre o PWA em sua pr\u00f3pria janela, sem a barra de endere\u00e7o do navegador).<\/td>\"standalone\"<\/code><\/td><\/tr>
    icons<\/code><\/strong><\/td>Array de objetos que define o caminho, tamanho e tipo dos \u00edcones.<\/td>Ver se\u00e7\u00e3o a seguir.<\/strong><\/td><\/tr>
    theme_color<\/code><\/strong><\/td>Cor da interface do usu\u00e1rio do navegador (como a barra de status ou barra de t\u00edtulo).<\/td>\"#007bff\"<\/code><\/td><\/tr>
    background_color<\/code><\/strong><\/td>Cor da tela de splash screen<\/em><\/strong> (carregamento inicial) enquanto o PWA est\u00e1 carregando.<\/td>\"#ffffff\"<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
    Configura\u00e7\u00e3o de \u00cdcones<\/h3>\n\n\n\n
    \u00c9 fundamental fornecer \u00edcones em v\u00e1rios tamanhos para garantir que o sistema operacional encontre o recurso visual ideal para cada contexto (notifica\u00e7\u00f5es, barra de tarefas, splash screen<\/em>, etc.).<\/p>\n\n\n\n
    JSON<\/p>\n\n\n\n
    \"icons\": [\n  {\n    \"src\": \"\/icon-192x192.png\",\n    \"sizes\": \"192x192\",\n    \"type\": \"image\/png\"\n  },\n  {\n    \"src\": \"\/icon-512x512.png\",\n    \"sizes\": \"512x512\",\n    \"type\": \"image\/png\"\n  },\n  {\n    \"src\": \"\/icon-maskable-192x192.png\",\n    \"sizes\": \"192x192\",\n    \"type\": \"image\/png\",\n    \"purpose\": \"maskable\" \/\/ Essencial para \u00edcones adaptativos no Android\n  }\n]\n<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    3. \u2728 Campos Recomendados para uma UX Aprimorada<\/h2>\n\n\n\n
    Estes campos n\u00e3o s\u00e3o obrigat\u00f3rios para a instala\u00e7\u00e3o, mas melhoram significativamente a experi\u00eancia do usu\u00e1rio e a integra\u00e7\u00e3o com o sistema.<\/p>\n\n\n\n
    Campo<\/strong><\/td>Prop\u00f3sito<\/strong><\/td>Exemplo de Uso<\/strong><\/td><\/tr><\/thead>
    description<\/code><\/strong><\/td>Texto exibido na interface de instala\u00e7\u00e3o ou em resultados de busca de aplicativos.<\/td>\"Acompanhe seus pedidos em tempo real.\"<\/code><\/td><\/tr>
    scope<\/code><\/strong><\/td>Restringe as URLs que pertencem ao escopo do aplicativo. As navega\u00e7\u00f5es para fora desse escopo abrem o navegador padr\u00e3o.<\/td>\"\/app\/\"<\/code><\/td><\/tr>
    orientation<\/code><\/strong><\/td>For\u00e7a a orienta\u00e7\u00e3o de tela preferida ao iniciar o PWA.<\/td>\"portrait\"<\/code> ou \"landscape\"<\/code><\/td><\/tr>
    shortcuts<\/code><\/strong><\/td>Permite definir atalhos para a\u00e7\u00f5es espec\u00edficas, acess\u00edveis ao pressionar e segurar o \u00edcone do PWA (semelhante ao menu de contexto de aplicativos nativos).<\/td>[{ \"name\": \"Novo Pedido\", \"url\": \"\/novo\" }]<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
    <\/div>\n\n\n\n
    \u2705 Conclus\u00e3o<\/h2>\n\n\n\n
    O Web App Manifest<\/strong> \u00e9 o pilar que garante a instalabilidade<\/strong> e a identidade visual<\/strong> do seu PWA. Ao configurar corretamente campos essenciais como name<\/code><\/strong>, start_url<\/code><\/strong>, display: standalone<\/code><\/strong> e o array icons<\/code><\/strong>, voc\u00ea transforma uma p\u00e1gina web em um aplicativo integrado ao sistema operacional do usu\u00e1rio, proporcionando um acesso r\u00e1pido e uma experi\u00eancia fluida.<\/p>\n\n\n\n
    Toda jornada tem um in\u00edcio, e o in\u00edcio para se tornar um desenvolvedor web \u00e9 dominar as seguintes tecnologias, que voc\u00ea encontra aqui mesmo:<\/p>\n\n\n\n
    \n
    \n
    \"HTML\"<\/a>
    HTML<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"CSS\"<\/a>
    CSS<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"Javascript\"<\/a>
    JavaScript<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
    E se voc\u00ea gosta do nosso conte\u00fado, n\u00e3o deixe de contribuir adquirindo os servi\u00e7os e produtos dos nossos apoiadores e empresas que somos associados:<\/p>\n\n\n\n
    \n
    \n
    \"Hospedagem<\/a><\/figure>\n<\/div>\n\n\n\n
    \n
    \"Ofertas<\/a><\/figure>\n<\/div>\n\n\n\n
    \n
    \"Amazon<\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
    Tempo de leitura: <\/span>  3<\/span> minutos<\/span><\/span>Web App Manifest PWA: O Web App Manifest \u00e9 um arquivo JSON essencial que fornece…<\/p>\n","protected":false},"author":1,"featured_media":1497,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-1552","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pwa","wpcat-16-id"],"yoast_head":"\nWeb App Manifest PWA - BLOG THIAGO ROSSI<\/title>\n<meta name=\"description\" content=\"Web App Manifest PWA: Uma das pe\u00e7as-chave para transformar um site em uma PWA \u00e9 o Web App Manifest. Esse arquivo JSON fornece as ...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web App Manifest PWA - BLOG THIAGO ROSSI\" \/>\n<meta property=\"og:description\" content=\"Web App Manifest PWA: Uma das pe\u00e7as-chave para transformar um site em uma PWA \u00e9 o Web App Manifest. Esse arquivo JSON fornece as ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/\" \/>\n<meta property=\"og:site_name\" content=\"BLOG THIAGO ROSSI\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-20T17:42:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-26T16:03:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/08\/Capa-Artigos.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"758\" \/>\n\t<meta property=\"og:image:height\" content=\"426\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Thiago Rossi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thiago Rossi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/web-app-manifest-pwa\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/web-app-manifest-pwa\\\/\"},\"author\":{\"name\":\"Thiago Rossi\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\"},\"headline\":\"Web App Manifest PWA\",\"datePublished\":\"2024-09-20T17:42:11+00:00\",\"dateModified\":\"2025-11-26T16:03:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/web-app-manifest-pwa\\\/\"},\"wordCount\":567,\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/web-app-manifest-pwa\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Capa-Artigos.webp\",\"articleSection\":[\"PWA\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/web-app-manifest-pwa\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/web-app-manifest-pwa\\\/\",\"name\":\"Web App Manifest PWA - BLOG THIAGO ROSSI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/web-app-manifest-pwa\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/web-app-manifest-pwa\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Capa-Artigos.webp\",\"datePublished\":\"2024-09-20T17:42:11+00:00\",\"dateModified\":\"2025-11-26T16:03:54+00:00\",\"description\":\"Web App Manifest PWA: Uma das pe\u00e7as-chave para transformar um site em uma PWA \u00e9 o Web App Manifest. Esse arquivo JSON fornece as ...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/web-app-manifest-pwa\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/web-app-manifest-pwa\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/web-app-manifest-pwa\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Capa-Artigos.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Capa-Artigos.webp\",\"width\":758,\"height\":426,\"caption\":\"PWA\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/web-app-manifest-pwa\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web App Manifest PWA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"name\":\"THIAGO ROSSI\",\"description\":\"Mais de 20 anos de experi\u00eancia no mercado de TI!\",\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"alternateName\":\"TR | CURSO WEB DEV\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\",\"name\":\"THIAGO ROSSI\",\"alternateName\":\"TR | CURSO WEB DEV\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"width\":300,\"height\":300,\"caption\":\"THIAGO ROSSI\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\",\"name\":\"Thiago Rossi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"caption\":\"Thiago Rossi\"},\"description\":\"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \\\"GDD \u2013 O Guia Definitivo\\\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.\",\"sameAs\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\",\"https:\\\/\\\/instagram.com\\\/thiagorossix86\",\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"],\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/author\\\/thiagorossi\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web App Manifest PWA - BLOG THIAGO ROSSI","description":"Web App Manifest PWA: Uma das pe\u00e7as-chave para transformar um site em uma PWA \u00e9 o Web App Manifest. Esse arquivo JSON fornece as ...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/","og_locale":"pt_BR","og_type":"article","og_title":"Web App Manifest PWA - BLOG THIAGO ROSSI","og_description":"Web App Manifest PWA: Uma das pe\u00e7as-chave para transformar um site em uma PWA \u00e9 o Web App Manifest. Esse arquivo JSON fornece as ...","og_url":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/","og_site_name":"BLOG THIAGO ROSSI","article_published_time":"2024-09-20T17:42:11+00:00","article_modified_time":"2025-11-26T16:03:54+00:00","og_image":[{"width":758,"height":426,"url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/08\/Capa-Artigos.webp","type":"image\/webp"}],"author":"Thiago Rossi","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Thiago Rossi","Est. tempo de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/#article","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/"},"author":{"name":"Thiago Rossi","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87"},"headline":"Web App Manifest PWA","datePublished":"2024-09-20T17:42:11+00:00","dateModified":"2025-11-26T16:03:54+00:00","mainEntityOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/"},"wordCount":567,"publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/08\/Capa-Artigos.webp","articleSection":["PWA"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/","url":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/","name":"Web App Manifest PWA - BLOG THIAGO ROSSI","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/#primaryimage"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/08\/Capa-Artigos.webp","datePublished":"2024-09-20T17:42:11+00:00","dateModified":"2025-11-26T16:03:54+00:00","description":"Web App Manifest PWA: Uma das pe\u00e7as-chave para transformar um site em uma PWA \u00e9 o Web App Manifest. Esse arquivo JSON fornece as ...","breadcrumb":{"@id":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/#primaryimage","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/08\/Capa-Artigos.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/08\/Capa-Artigos.webp","width":758,"height":426,"caption":"PWA"},{"@type":"BreadcrumbList","@id":"https:\/\/thiagorossi.com.br\/blog\/web-app-manifest-pwa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thiagorossi.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Web App Manifest PWA"}]},{"@type":"WebSite","@id":"https:\/\/thiagorossi.com.br\/blog\/#website","url":"https:\/\/thiagorossi.com.br\/blog\/","name":"THIAGO ROSSI","description":"Mais de 20 anos de experi\u00eancia no mercado de TI!","publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"alternateName":"TR | CURSO WEB DEV","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thiagorossi.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/thiagorossi.com.br\/blog\/#organization","name":"THIAGO ROSSI","alternateName":"TR | CURSO WEB DEV","url":"https:\/\/thiagorossi.com.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","width":300,"height":300,"caption":"THIAGO ROSSI"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/linkedin.com\/in\/thiagox86"]},{"@type":"Person","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87","name":"Thiago Rossi","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","caption":"Thiago Rossi"},"description":"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \"GDD \u2013 O Guia Definitivo\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.","sameAs":["https:\/\/thiagorossi.com.br\/blog","https:\/\/instagram.com\/thiagorossix86","https:\/\/linkedin.com\/in\/thiagox86"],"url":"https:\/\/thiagorossi.com.br\/blog\/author\/thiagorossi\/"}]}},"_links":{"self":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/1552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/comments?post=1552"}],"version-history":[{"count":2,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/1552\/revisions"}],"predecessor-version":[{"id":4994,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/1552\/revisions\/4994"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media\/1497"}],"wp:attachment":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media?parent=1552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/categories?post=1552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/tags?post=1552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}