{"id":2907,"date":"2020-12-10T11:01:27","date_gmt":"2020-12-10T10:01:27","guid":{"rendered":"https:\/\/www.ice-dev.com\/non-classifiee\/how-to-add-pwa-functionality-to-your-site\/"},"modified":"2024-03-28T11:13:18","modified_gmt":"2024-03-28T10:13:18","slug":"how-to-add-pwa-functionality-to-your-site","status":"publish","type":"post","link":"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/","title":{"rendered":"How to add PWA functionality to your site?"},"content":{"rendered":"\n

<\/p>\n\n

What is a Progressive Web App?<\/h2>\n\n

<\/p>\n\n

A Progressive Web App is a mix between a website and a mobile application<\/strong>.<\/p>\n\n

A Progressive Web App is an optimized version of a mobile site incorporating features of native applications (normally not available on a browser).<\/p>\n\n

It combines the best features of a website and acts like an application<\/strong>.<\/p>\n\n

\"\"<\/a>
What is a Progressive Web App?<\/em><\/figcaption><\/figure>\n\n

The general idea is to be able to display a shortcut to a website on the home screen of your smartphone<\/strong>. (see below)<\/p>\n\n

\"\"
Example of a Progressive Web App<\/figcaption><\/figure>\n\n

This operation is carried out in 3 major steps that I will detail below :<\/p>\n\n

  1. The Manifest <\/strong>: a JSON file that describes all the metadata of your PWA.<\/li>
  2. Switching to the https<\/strong> protocol if it is not already using this security measure. Indeed, Progressive Web Apps must be served via a secure connection (see article on securing https<\/a>).<\/li>
  3. Service Worker<\/strong>: is a script that operates<\/strong> in the background of the browser, without user interaction. Furthermore, it acts like a proxy that operates<\/strong> on the client side.<\/li><\/ol>\n\n

    Step 1 : The Manifest<\/h2>\n\n

    As previously explained, the JSON manifest gathers all the necessary information<\/strong> for creating our PWA (name, icon, etc.)<\/p>\n\n

    This allows us to inform browsers about how to display our application as an “installed shortcut<\/strong>” on our phone.<\/p>\n\n

    It is placed at the root of our website (see below) : <\/p>\n\n

    \"\"
    Location of the manifest.json file<\/figcaption><\/figure>\n\n

    Here’s an example of a manifest for a website and the metadata<\/strong> of our PWA<\/p>\n\n

    Note: Do not forget to specify, as with a stylesheet using the link tag<\/strong>, the location of the manifest :<\/p>\n\n

    <\/p>\n\n

    \n
    <link rel= \"manifest\" href= \"manifest.json\"<\/code><\/pre>\n\n\n\n
    \"\"
    Location of the link tag<\/figcaption><\/figure>\n<\/div><\/div>\n\n
    \n
    \n
    {\n   \n    \"short_name\": \"ICE\",\n    \n    \"name\": \"ICE DEV PWA\",\n    \n    \"icons\": [\n      {\n        \"src\": \"ice.png\",\n        \"type\": \"image\/png\",\n        \"sizes\": \"192x192\"\n      }\n   ],\n   \n    \"start_url\": \"\/index.html\",\t\n    \n    \"background_color\": \"#000000\",\n    \n    \"display\": \"standalone\",\n    \"theme_color\": \"#ff0000\"\n  }<\/code><\/pre>\n<\/div><\/div>\n<\/div><\/div>\n\n
    In summary, here is the purpose of each of the listed data : <\/p>\n\n
    • Short_name<\/strong>: A short name for the web application, understandable to a human. It’s intended to be used when there is not enough space available to display the full name of the application.<\/li><\/ul>\n\n
      <\/p>\n\n
      • Name <\/strong>: Provides a name for the application, human-readable, as it is intended to be displayed to the user.<\/li><\/ul>\n\n
        <\/p>\n\n
        • Icons <\/strong>: Defines the logo of our PWA, for example here: “ice.png” of 192×192, at the root of our site.<\/li><\/ul>\n\n
          \"\"
          Location of the PWA logo<\/figcaption><\/figure>\n\n
          • Start_url <\/strong>: Specifies the URL that loads when the user launches an application from a device.<\/li><\/ul>\n\n
            <\/p>\n\n
            • Display <\/strong>: Sets the preferred display mode of the developer for the web application (use standalone).<\/li><\/ul>\n\n
              <\/p>\n\n
              • Theme color<\/strong> & background_color<\/strong> : Defines the background color during loading and when using the application.<\/li><\/ul>\n\n
                To verify that everything is working well, you can see the manifest appearing in the “application<\/strong>” section by right-clicking + inspecting<\/p>\n\n
                \"\"
                Manifest in the browser<\/figcaption><\/figure>\n\n
                Step 2: HTTPS Protocol<\/h2>\n\n
                If the website does not follow the https protocol, you need to consider the following two scenarios (if you already have an SSL certificate, move on to step 3) :<\/p>\n\n
                If you manage your own server: It is essential to obtain an SSL certification<\/strong><\/p>\n\n
                There are solutions like “Let\u2019s Encrypt“<\/em><\/strong> that allow you to get one reliably.<\/p>\n\n
                Otherwise, in the case of shared hosting, you need to use a paid solution to be defined with your host.<\/p>\n\n
                \"\"
                Protocole Https<\/figcaption><\/figure>\n\n
                Step 3: The Service Worker<\/h2>\n\n
                The Service Worker acts as the link between the host and the browser. It also allows for the management of the cache that you want to select when using the web app.<\/p>\n\n
                To configure it, you need to add two JavaScript<\/strong> files (at the root of the site).<\/p>\n\n
                Let’s call them script.js and sw.js.<\/p>\n\n
                Once this is done, simply add the following function in our script.js :<\/p>\n\n
                if ('serviceWorker' in navigator) {\n        navigator.serviceWorker.register('sw.js')\n          .then(function () {console.log('Enregistrement reussi.')})\n          .catch(function (e) {console.error(e)});\n      }\n<\/code><\/pre>\n\n
                This function aims to test if the service worker is present in the browser and operates efficiently.<\/p>\n\n
                You can check if the Service Worker has registered correctly in the console or if it returns an error in the browser console<\/strong>. (right-click + inspect)<\/p>\n\n
                \"\"
                Console feedback message<\/figcaption><\/figure>\n\n
                We will now add the basic configuration to the sw.js file.<\/p>\n\n
                \/\/lors de l'installation\nself.addEventListener('install' ,evt =>{\nconsole.log('install evt',evt);\n\n}) \n\n\n\/\/capture des events\nself.addEventListener('fetch' ,evt =>{\n    console.log('events captures : ');\n    console.log('fetch evt sur url' ,evt.request.url);\n        \n})    \n<\/code><\/pre>\n\n
                Important note: You can verify that everything is working correctly in a browser in the “application” section when you right-click + inspect.<\/p>\n\n
                \"\"
                Service worker status<\/figcaption><\/figure>\n\n
                Testing the Progressive Web App<\/h2>\n\n
                Chrome offers an extension that allows you to check the efficiency (performance, accessibility)<\/strong> of your application via a Google extension:<\/p>\n\n
                \"\"
                Chrome Lighthouse Extension<\/figcaption><\/figure>\n\n
                This enables you to verify that everything is functioning correctly.<\/p>\n","protected":false},"excerpt":{"rendered":"
                What is a Progressive Web App? A Progressive Web App is a mix between a website and a mobile application. A Progressive Web App is an optimized version of a mobile site incorporating features of native applications (normally not available on a browser). It combines the best features of a website and acts like an […]<\/p>\n","protected":false},"author":8,"featured_media":2713,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"kia_subtitle":"","footnotes":""},"categories":[49],"tags":[],"class_list":["post-2907","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to-do"],"acf":[],"yoast_head":"\nHow to add PWA functionality to your site? - Ice Development<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add PWA functionality to your site? - Ice Development\" \/>\n<meta property=\"og:description\" content=\"What is a Progressive Web App? A Progressive Web App is a mix between a website and a mobile application. A Progressive Web App is an optimized version of a mobile site incorporating features of native applications (normally not available on a browser). It combines the best features of a website and acts like an […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Ice Development\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ice.development\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-10T10:01:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-28T10:13:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ice-dev.com\/wp-content\/uploads\/2020\/12\/image_pwa.png\" \/>\n\t<meta property=\"og:image:width\" content=\"553\" \/>\n\t<meta property=\"og:image:height\" content=\"311\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Mathis Richemont\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@icedevelopment\" \/>\n<meta name=\"twitter:site\" content=\"@icedevelopment\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mathis Richemont\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/how-to-do\\\/how-to-add-pwa-functionality-to-your-site\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/how-to-do\\\/how-to-add-pwa-functionality-to-your-site\\\/\"},\"author\":{\"name\":\"Mathis Richemont\",\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/#\\\/schema\\\/person\\\/573111d20e7456a11003fb72b07ed37e\"},\"headline\":\"How to add PWA functionality to your site?\",\"datePublished\":\"2020-12-10T10:01:27+00:00\",\"dateModified\":\"2024-03-28T10:13:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/how-to-do\\\/how-to-add-pwa-functionality-to-your-site\\\/\"},\"wordCount\":714,\"publisher\":{\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/how-to-do\\\/how-to-add-pwa-functionality-to-your-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.ice-dev.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/image_pwa.png\",\"articleSection\":[\"How to do?\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/how-to-do\\\/how-to-add-pwa-functionality-to-your-site\\\/\",\"url\":\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/how-to-do\\\/how-to-add-pwa-functionality-to-your-site\\\/\",\"name\":\"How to add PWA functionality to your site? - Ice Development\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/how-to-do\\\/how-to-add-pwa-functionality-to-your-site\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/how-to-do\\\/how-to-add-pwa-functionality-to-your-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.ice-dev.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/image_pwa.png\",\"datePublished\":\"2020-12-10T10:01:27+00:00\",\"dateModified\":\"2024-03-28T10:13:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/how-to-do\\\/how-to-add-pwa-functionality-to-your-site\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/how-to-do\\\/how-to-add-pwa-functionality-to-your-site\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/how-to-do\\\/how-to-add-pwa-functionality-to-your-site\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.ice-dev.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/image_pwa.png\",\"contentUrl\":\"https:\\\/\\\/www.ice-dev.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/image_pwa.png\",\"width\":553,\"height\":311},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/how-to-do\\\/how-to-add-pwa-functionality-to-your-site\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/ice-development\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add PWA functionality to your site?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/#website\",\"url\":\"https:\\\/\\\/www.ice-dev.com\\\/\",\"name\":\"Ice Development\",\"description\":\"agence web Lyon\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.ice-dev.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/#organization\",\"name\":\"Ice Development\",\"url\":\"https:\\\/\\\/www.ice-dev.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.ice-dev.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/apple-touch-2.png\",\"contentUrl\":\"https:\\\/\\\/www.ice-dev.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/apple-touch-2.png\",\"width\":512,\"height\":512,\"caption\":\"Ice Development\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ice.development\",\"https:\\\/\\\/x.com\\\/icedevelopment\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/ice-development-lyon\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.ice-dev.com\\\/#\\\/schema\\\/person\\\/573111d20e7456a11003fb72b07ed37e\",\"name\":\"Mathis Richemont\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/877f961f07637d4f8967a136292afacf0bdb0c7122e4f84073dcaaa5857fde65?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/877f961f07637d4f8967a136292afacf0bdb0c7122e4f84073dcaaa5857fde65?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/877f961f07637d4f8967a136292afacf0bdb0c7122e4f84073dcaaa5857fde65?s=96&d=mm&r=g\",\"caption\":\"Mathis Richemont\"},\"url\":\"https:\\\/\\\/www.ice-dev.com\\\/en\\\/author\\\/mr\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add PWA functionality to your site? - Ice Development","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:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/","og_locale":"en_US","og_type":"article","og_title":"How to add PWA functionality to your site? - Ice Development","og_description":"What is a Progressive Web App? A Progressive Web App is a mix between a website and a mobile application. A Progressive Web App is an optimized version of a mobile site incorporating features of native applications (normally not available on a browser). It combines the best features of a website and acts like an […]","og_url":"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/","og_site_name":"Ice Development","article_publisher":"https:\/\/www.facebook.com\/ice.development","article_published_time":"2020-12-10T10:01:27+00:00","article_modified_time":"2024-03-28T10:13:18+00:00","og_image":[{"width":553,"height":311,"url":"https:\/\/www.ice-dev.com\/wp-content\/uploads\/2020\/12\/image_pwa.png","type":"image\/png"}],"author":"Mathis Richemont","twitter_card":"summary_large_image","twitter_creator":"@icedevelopment","twitter_site":"@icedevelopment","twitter_misc":{"Written by":"Mathis Richemont","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/#article","isPartOf":{"@id":"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/"},"author":{"name":"Mathis Richemont","@id":"https:\/\/www.ice-dev.com\/#\/schema\/person\/573111d20e7456a11003fb72b07ed37e"},"headline":"How to add PWA functionality to your site?","datePublished":"2020-12-10T10:01:27+00:00","dateModified":"2024-03-28T10:13:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/"},"wordCount":714,"publisher":{"@id":"https:\/\/www.ice-dev.com\/#organization"},"image":{"@id":"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ice-dev.com\/wp-content\/uploads\/2020\/12\/image_pwa.png","articleSection":["How to do?"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/","url":"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/","name":"How to add PWA functionality to your site? - Ice Development","isPartOf":{"@id":"https:\/\/www.ice-dev.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/#primaryimage"},"image":{"@id":"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ice-dev.com\/wp-content\/uploads\/2020\/12\/image_pwa.png","datePublished":"2020-12-10T10:01:27+00:00","dateModified":"2024-03-28T10:13:18+00:00","breadcrumb":{"@id":"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/#primaryimage","url":"https:\/\/www.ice-dev.com\/wp-content\/uploads\/2020\/12\/image_pwa.png","contentUrl":"https:\/\/www.ice-dev.com\/wp-content\/uploads\/2020\/12\/image_pwa.png","width":553,"height":311},{"@type":"BreadcrumbList","@id":"https:\/\/www.ice-dev.com\/en\/how-to-do\/how-to-add-pwa-functionality-to-your-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.ice-dev.com\/en\/ice-development\/"},{"@type":"ListItem","position":2,"name":"How to add PWA functionality to your site?"}]},{"@type":"WebSite","@id":"https:\/\/www.ice-dev.com\/#website","url":"https:\/\/www.ice-dev.com\/","name":"Ice Development","description":"agence web Lyon","publisher":{"@id":"https:\/\/www.ice-dev.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ice-dev.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.ice-dev.com\/#organization","name":"Ice Development","url":"https:\/\/www.ice-dev.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ice-dev.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.ice-dev.com\/wp-content\/uploads\/2023\/06\/apple-touch-2.png","contentUrl":"https:\/\/www.ice-dev.com\/wp-content\/uploads\/2023\/06\/apple-touch-2.png","width":512,"height":512,"caption":"Ice Development"},"image":{"@id":"https:\/\/www.ice-dev.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ice.development","https:\/\/x.com\/icedevelopment","https:\/\/www.linkedin.com\/company\/ice-development-lyon\/"]},{"@type":"Person","@id":"https:\/\/www.ice-dev.com\/#\/schema\/person\/573111d20e7456a11003fb72b07ed37e","name":"Mathis Richemont","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/877f961f07637d4f8967a136292afacf0bdb0c7122e4f84073dcaaa5857fde65?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/877f961f07637d4f8967a136292afacf0bdb0c7122e4f84073dcaaa5857fde65?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/877f961f07637d4f8967a136292afacf0bdb0c7122e4f84073dcaaa5857fde65?s=96&d=mm&r=g","caption":"Mathis Richemont"},"url":"https:\/\/www.ice-dev.com\/en\/author\/mr\/"}]}},"_links":{"self":[{"href":"https:\/\/www.ice-dev.com\/en\/wp-json\/wp\/v2\/posts\/2907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ice-dev.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ice-dev.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ice-dev.com\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ice-dev.com\/en\/wp-json\/wp\/v2\/comments?post=2907"}],"version-history":[{"count":1,"href":"https:\/\/www.ice-dev.com\/en\/wp-json\/wp\/v2\/posts\/2907\/revisions"}],"predecessor-version":[{"id":2908,"href":"https:\/\/www.ice-dev.com\/en\/wp-json\/wp\/v2\/posts\/2907\/revisions\/2908"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ice-dev.com\/en\/wp-json\/wp\/v2\/media\/2713"}],"wp:attachment":[{"href":"https:\/\/www.ice-dev.com\/en\/wp-json\/wp\/v2\/media?parent=2907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ice-dev.com\/en\/wp-json\/wp\/v2\/categories?post=2907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ice-dev.com\/en\/wp-json\/wp\/v2\/tags?post=2907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}