{"componentChunkName":"component---src-templates-blog-post-jsx","path":"/blogs/firebase","result":{"data":{"blog":{"frontmatter":{"title":"FIREBASE","thumbnail":"blog25","date":"December 10, 2020","dsaCppCodeFile":null},"excerpt":"<div class=\"my-2 p-2\">\n              <h4>Introduction</h4>\n              <div class=\"m-2\">\n                <p>\n                  Firebase is a Backend-as-a-Service(BaaS) which started as a\n                  YC11 startup. Firebase has a real-time database that allows\n                  storing a list of objects in the form of a tree. We can\n                  synchronize data between different devices.\n                </p>\n                <p>\n                  Google Firebase is Google-backed application development\n                  software which allows developers to develop Android, IOS, and\n                  Web apps. Firebase provides several tools for reporting and\n                  fixing app crashes, tracking analytics, creating marketing,\n                  product experiments and much more.\n                </p>\n                <p>\n                  Firebase has plenty of features that can be used to integrate\n                  in any applications making the backend work easiar.\n                </p>\n                <span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \">\n      <a class=\"gatsby-resp-image-link\" href=\"/static/3121febae8746afbd2b00b6516c08044/d43b4/firebase.png\" style=\"display: block\" target=\"_blank\" rel=\"noopener\">\n    <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 75%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAABJ0AAASdAHeZh94AAACiElEQVQ4y2VTy27TQBTNZ/AJSPwD/8EGdQllDRKLVlSqgA1ILBGrIhQhNYWIBRsEqEi0hQKhSVqqPvKgKU1SP8aeyYzfh+uxXaftSLY1c+aeOefccSVJEpTDR9h/DuffFtLVc5ixiuO992B+OkkQT9WYG88w7DT0rJK++v0eVt5U8eXdIobLVzFsLiOJfV3YXqvhxas6Bq+v4/HsNfxqbelC57iPlWoNH2tPsD5/BUsP75SEmz8buDEzg7mFRxh/ug+blGQjxIeX93Dz9l38qC9Arc8jFCONWLstzM3ewoPFBQxXn2Kw+1sLqKQvL4jhyhDSDzE9YrLMPXqkr/dkZnUWUCHVeGlNVK4XChUfgVknYIwhiiLanxXHoQI3unAcBtd1skzzXD1mgluGrplMZEZKWEXD7DMmRgMO9yClQOD72YnyBNH+EgzLhuCcsAnCMHex3wDv7WFMmGFaCMJMaUbobECcNmE7CtLzEccZCDVG2K3DshlM0ySlpDLO+9v7A37UgWGnCsUFhe4G+GmLCCU8z8tsnxG+hc0cKprAT5VTHBrrbmtCVypa90hEPK3wK1luYmxQoRBkK8gJR4g6NTDH1VYDeuIoV3/YAu8fwKDDpJQaT0rCNW3ZtDiUkmWRHCI8qMIwTMrJhEvhp3Homt4OxNEhTpkLodenFZJlYbQICLS64jS6dIitbd3F1LJSqjyMLItBV2foUraXCDkpZK5CEASUSXD+t5setK6RThv874EmlHRYsT8n/IaJ2abwKfi8KUXXdBP0NynnOsOmJrRdDk+pvGFnXf5OltukUEIIfia/IDmnblohddmihhUiSkK+mRHStUkvb0FyyfYFQjEgwlxhceH/A06ocDOWICqDAAAAAElFTkSuQmCC&apos;); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"Firebase\" title=\"Firebase\" src=\"/static/3121febae8746afbd2b00b6516c08044/fcda8/firebase.png\" srcset=\"/static/3121febae8746afbd2b00b6516c08044/12f09/firebase.png 148w,\n/static/3121febae8746afbd2b00b6516c08044/e4a3f/firebase.png 295w,\n/static/3121febae8746afbd2b00b6516c08044/fcda8/firebase.png 590w,\n/static/3121febae8746afbd2b00b6516c08044/efc66/firebase.png 885w,\n/static/3121febae8746afbd2b00b6516c08044/c83ae/firebase.png 1180w,\n/static/3121febae8746afbd2b00b6516c08044/d43b4/firebase.png 1202w\" sizes=\"(max-width: 590px) 100vw, 590px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\">\n  </a>\n    </span>\n                <p>\n                  Firebase can be implemented in iOS, android and web apps with\n                  few lines code and the the data can be synced across all the\n                  platform in real time.\n                </p>\n              </div>\n            </div>\n            <div class=\"my-2 p-2\">\n              <h4>Common Features</h4>\n              <div class=\"m-2\">\n                <ul class=\"pl-4\">\n                  <li>\n                    <strong>Authentication: </strong>You can setup\n                    authentication with google, facebook, github custom\n                    email/password, phone OTP verification and much more service\n                    providers with simple lines of code without worrying about\n                    how it basically works in the backend.\n                  </li>\n                  <li>\n                    <strong>Firestore: </strong>Cloud Firestore is a flexible,\n                    easy to use and a scalable NoSQL cloud database. It syncs\n                    the data acroos all the platform in realtime which triggers\n                    the changes in the app without the need of refreshening.\n                  </li>\n                  <li>\n                    <strong>Cloud Storage: </strong>It is a storage bucket\n                    generally used to store photos, videos and files. It allows\n                    us to upload and download files from mobile clients through\n                    the Firebase SDKs, and perform server-side processing such\n                    as image filtering or video transcoding using the Google\n                    Cloud Platform.\n                  </li>\n                  <li>\n                    <strong>Hosting: </strong>Firebase Hosting allows fast and\n                    secure hosting for our web application, static and dynamic\n                    content, and microservices. It is production-grade web\n                    content hosting for the developers. We can easily and\n                    quickly deploy web apps and serve both static and dynamic\n                    content to a global content delivery network with only a\n                    single command.\n                  </li>\n                  <li>\n                    <strong>Cloud Functions: </strong>Cloud functions for\n                    firebase enable us to automatically execute the backend code\n                    in response to events triggered or caused through HTTPS\n                    requests and Firebase features. We can send push\n                    notifications to users, integrate third party library,\n                    execute intensive tasks in the backend and there is no need\n                    to maintain our own server.\n                  </li>\n                </ul>\n              </div>\n            </div>\n            <div class=\"my-2 p-2\">\n              <h4>There&apos;s lot more in Firebase</h4>\n              <div class=\"m-2\">\n                <p>\n                  You can manage user&apos;s data, app&apos;s performance &amp; growth,\n                  analytics, ads etc all in your frontend code. There are many\n                  more powerful features provided by firebase which is very easy\n                  to use and boosts the performance of your app.\n                </p>\n                <span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \">\n      <a class=\"gatsby-resp-image-link\" href=\"/static/43ae97caa1b172ff9dabef67f79fbfe6/764be/firebase2.png\" style=\"display: block\" target=\"_blank\" rel=\"noopener\">\n    <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 77.02702702702703%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAABJ0AAASdAHeZh94AAADFUlEQVQ4y12U3W/bZBTG+7eBdsWfgLjiAokBfwMXMAm4RkiwIYEGSOvWiaEhqgmVaNqmRG3TpPlyPpym+U7s2I7t+Ns/ju226vZKR3ktnTznOc95zrun6zrNRgN1oBL4PvlJuTlpmuZxfR+oQzrd7u2Ut3L3XG/HfLVgqWv4cUQkqSEJYRKTpMkVYJJlk4QB+niIPhmRGBqJqZNuDXxjTejaOejeTFsy05fsXAvT0jFMDUti7WwwA/dtBo4JcZjfo/mM4HIEpkHt5JhKuVwAjkYjJsMLWGvE6zWJRDybQZBghS6bcI5nqiTTswIwA46FvciT+IHkBWxWK+aLRQHoeR5ZpLsdiURkb4UFbJMFj3v3eLT4klXje7Y/3MF59gXJqpXrlzEMNQ0Mg5OXLzkqlQpAy8paNUllOMFsKgw3ONaMw+U33G99zNPBd4yVv7l48CH2z3fw9j8S7SbCEmHoSfGYDMNxnALwTb9HqafkLbvnddBsWva//D66y4v+TygdhYODP9nf32d9+DX2g/cIKveJdItouRACKzT5HU8mxZS7/T71VhNcl2A6kV53VIw/+KVzl0tN4aRyxueffUr59BxjWEX/8X2Co69Io4QkEJtFETvbRsvazxgqnQ7NZjP/CI2N9AGn5lMeqp9w3HlBp6FQPT2m11fplA/xf/2AoPQtkWYSyTAyqYz5nLbg5IB9YXhWq+U+88eXwtBn7repaM85anWpKapYyeCs0+N5XUCbb4hX7fzPya6wlStDnWXOyACn0ymqqhYJYoEkLHzWXno8bi54WFH47XWDJ/URj84nVJe7G+uEy2Vum9Vap6+0rowtgLV6ndiUFiQhkWrZiWVTuust/yhzDtoLSkON8dbnZjez4jJdZHvW+pzTwdWmZGLmgkrLsYibr9o7+7nxY1Zbl5OzGnNhIzLjuTvc6YzYcqld/MdhdVkAvqoeUG78Jbax8JoNSbDeeRQKeDuIGV8MMW0DVxAd8WGmoCP36Pbj4Ic2QeSIwF6+KdctXwPefm2iV88IL18TdoeEw8FVsTTv7jrnfzO3XlOmiL39AAAAAElFTkSuQmCC&apos;); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"Firebase\" title=\"Firebase\" src=\"/static/43ae97caa1b172ff9dabef67f79fbfe6/fcda8/firebase2.png\" srcset=\"/static/43ae97caa1b172ff9dabef67f79fbfe6/12f09/firebase2.png 148w,\n/static/43ae97caa1b172ff9dabef67f79fbfe6/e4a3f/firebase2.png 295w,\n/static/43ae97caa1b172ff9dabef67f79fbfe6/fcda8/firebase2.png 590w,\n/static/43ae97caa1b172ff9dabef67f79fbfe6/764be/firebase2.png 806w\" sizes=\"(max-width: 590px) 100vw, 590px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\">\n  </a>\n    </span>\n                <p>\n                  To explain in simple words, you can use firebase as a backend\n                  service in your frontend work. With simple syntaxes you can\n                  replace all the backend code(like routing, fetching and\n                  sending response from backend).\n                </p>\n              </div>\n            </div>\n","html":"<div class=\"my-2 p-2\">\n              <h4>Introduction</h4>\n              <div class=\"m-2\">\n                <p>\n                  Firebase is a Backend-as-a-Service(BaaS) which started as a\n                  YC11 startup. Firebase has a real-time database that allows\n                  storing a list of objects in the form of a tree. We can\n                  synchronize data between different devices.\n                </p>\n                <p>\n                  Google Firebase is Google-backed application development\n                  software which allows developers to develop Android, IOS, and\n                  Web apps. Firebase provides several tools for reporting and\n                  fixing app crashes, tracking analytics, creating marketing,\n                  product experiments and much more.\n                </p>\n                <p>\n                  Firebase has plenty of features that can be used to integrate\n                  in any applications making the backend work easiar.\n                </p>\n                <span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \">\n      <a class=\"gatsby-resp-image-link\" href=\"/static/3121febae8746afbd2b00b6516c08044/d43b4/firebase.png\" style=\"display: block\" target=\"_blank\" rel=\"noopener\">\n    <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 75%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAABJ0AAASdAHeZh94AAACiElEQVQ4y2VTy27TQBTNZ/AJSPwD/8EGdQllDRKLVlSqgA1ILBGrIhQhNYWIBRsEqEi0hQKhSVqqPvKgKU1SP8aeyYzfh+uxXaftSLY1c+aeOefccSVJEpTDR9h/DuffFtLVc5ixiuO992B+OkkQT9WYG88w7DT0rJK++v0eVt5U8eXdIobLVzFsLiOJfV3YXqvhxas6Bq+v4/HsNfxqbelC57iPlWoNH2tPsD5/BUsP75SEmz8buDEzg7mFRxh/ug+blGQjxIeX93Dz9l38qC9Arc8jFCONWLstzM3ewoPFBQxXn2Kw+1sLqKQvL4jhyhDSDzE9YrLMPXqkr/dkZnUWUCHVeGlNVK4XChUfgVknYIwhiiLanxXHoQI3unAcBtd1skzzXD1mgluGrplMZEZKWEXD7DMmRgMO9yClQOD72YnyBNH+EgzLhuCcsAnCMHex3wDv7WFMmGFaCMJMaUbobECcNmE7CtLzEccZCDVG2K3DshlM0ySlpDLO+9v7A37UgWGnCsUFhe4G+GmLCCU8z8tsnxG+hc0cKprAT5VTHBrrbmtCVypa90hEPK3wK1luYmxQoRBkK8gJR4g6NTDH1VYDeuIoV3/YAu8fwKDDpJQaT0rCNW3ZtDiUkmWRHCI8qMIwTMrJhEvhp3Homt4OxNEhTpkLodenFZJlYbQICLS64jS6dIitbd3F1LJSqjyMLItBV2foUraXCDkpZK5CEASUSXD+t5setK6RThv874EmlHRYsT8n/IaJ2abwKfi8KUXXdBP0NynnOsOmJrRdDk+pvGFnXf5OltukUEIIfia/IDmnblohddmihhUiSkK+mRHStUkvb0FyyfYFQjEgwlxhceH/A06ocDOWICqDAAAAAElFTkSuQmCC&apos;); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"Firebase\" title=\"Firebase\" src=\"/static/3121febae8746afbd2b00b6516c08044/fcda8/firebase.png\" srcset=\"/static/3121febae8746afbd2b00b6516c08044/12f09/firebase.png 148w,\n/static/3121febae8746afbd2b00b6516c08044/e4a3f/firebase.png 295w,\n/static/3121febae8746afbd2b00b6516c08044/fcda8/firebase.png 590w,\n/static/3121febae8746afbd2b00b6516c08044/efc66/firebase.png 885w,\n/static/3121febae8746afbd2b00b6516c08044/c83ae/firebase.png 1180w,\n/static/3121febae8746afbd2b00b6516c08044/d43b4/firebase.png 1202w\" sizes=\"(max-width: 590px) 100vw, 590px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\">\n  </a>\n    </span>\n                <p>\n                  Firebase can be implemented in iOS, android and web apps with\n                  few lines code and the the data can be synced across all the\n                  platform in real time.\n                </p>\n              </div>\n            </div>\n            <div class=\"my-2 p-2\">\n              <h4>Common Features</h4>\n              <div class=\"m-2\">\n                <ul class=\"pl-4\">\n                  <li>\n                    <strong>Authentication: </strong>You can setup\n                    authentication with google, facebook, github custom\n                    email/password, phone OTP verification and much more service\n                    providers with simple lines of code without worrying about\n                    how it basically works in the backend.\n                  </li>\n                  <li>\n                    <strong>Firestore: </strong>Cloud Firestore is a flexible,\n                    easy to use and a scalable NoSQL cloud database. It syncs\n                    the data acroos all the platform in realtime which triggers\n                    the changes in the app without the need of refreshening.\n                  </li>\n                  <li>\n                    <strong>Cloud Storage: </strong>It is a storage bucket\n                    generally used to store photos, videos and files. It allows\n                    us to upload and download files from mobile clients through\n                    the Firebase SDKs, and perform server-side processing such\n                    as image filtering or video transcoding using the Google\n                    Cloud Platform.\n                  </li>\n                  <li>\n                    <strong>Hosting: </strong>Firebase Hosting allows fast and\n                    secure hosting for our web application, static and dynamic\n                    content, and microservices. It is production-grade web\n                    content hosting for the developers. We can easily and\n                    quickly deploy web apps and serve both static and dynamic\n                    content to a global content delivery network with only a\n                    single command.\n                  </li>\n                  <li>\n                    <strong>Cloud Functions: </strong>Cloud functions for\n                    firebase enable us to automatically execute the backend code\n                    in response to events triggered or caused through HTTPS\n                    requests and Firebase features. We can send push\n                    notifications to users, integrate third party library,\n                    execute intensive tasks in the backend and there is no need\n                    to maintain our own server.\n                  </li>\n                </ul>\n              </div>\n            </div>\n            <div class=\"my-2 p-2\">\n              <h4>There&apos;s lot more in Firebase</h4>\n              <div class=\"m-2\">\n                <p>\n                  You can manage user&apos;s data, app&apos;s performance &amp; growth,\n                  analytics, ads etc all in your frontend code. There are many\n                  more powerful features provided by firebase which is very easy\n                  to use and boosts the performance of your app.\n                </p>\n                <span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \">\n      <a class=\"gatsby-resp-image-link\" href=\"/static/43ae97caa1b172ff9dabef67f79fbfe6/764be/firebase2.png\" style=\"display: block\" target=\"_blank\" rel=\"noopener\">\n    <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 77.02702702702703%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAABJ0AAASdAHeZh94AAADFUlEQVQ4y12U3W/bZBTG+7eBdsWfgLjiAokBfwMXMAm4RkiwIYEGSOvWiaEhqgmVaNqmRG3TpPlyPpym+U7s2I7t+Ns/ju226vZKR3ktnTznOc95zrun6zrNRgN1oBL4PvlJuTlpmuZxfR+oQzrd7u2Ut3L3XG/HfLVgqWv4cUQkqSEJYRKTpMkVYJJlk4QB+niIPhmRGBqJqZNuDXxjTejaOejeTFsy05fsXAvT0jFMDUti7WwwA/dtBo4JcZjfo/mM4HIEpkHt5JhKuVwAjkYjJsMLWGvE6zWJRDybQZBghS6bcI5nqiTTswIwA46FvciT+IHkBWxWK+aLRQHoeR5ZpLsdiURkb4UFbJMFj3v3eLT4klXje7Y/3MF59gXJqpXrlzEMNQ0Mg5OXLzkqlQpAy8paNUllOMFsKgw3ONaMw+U33G99zNPBd4yVv7l48CH2z3fw9j8S7SbCEmHoSfGYDMNxnALwTb9HqafkLbvnddBsWva//D66y4v+TygdhYODP9nf32d9+DX2g/cIKveJdItouRACKzT5HU8mxZS7/T71VhNcl2A6kV53VIw/+KVzl0tN4aRyxueffUr59BxjWEX/8X2Co69Io4QkEJtFETvbRsvazxgqnQ7NZjP/CI2N9AGn5lMeqp9w3HlBp6FQPT2m11fplA/xf/2AoPQtkWYSyTAyqYz5nLbg5IB9YXhWq+U+88eXwtBn7repaM85anWpKapYyeCs0+N5XUCbb4hX7fzPya6wlStDnWXOyACn0ymqqhYJYoEkLHzWXno8bi54WFH47XWDJ/URj84nVJe7G+uEy2Vum9Vap6+0rowtgLV6ndiUFiQhkWrZiWVTuust/yhzDtoLSkON8dbnZjez4jJdZHvW+pzTwdWmZGLmgkrLsYibr9o7+7nxY1Zbl5OzGnNhIzLjuTvc6YzYcqld/MdhdVkAvqoeUG78Jbax8JoNSbDeeRQKeDuIGV8MMW0DVxAd8WGmoCP36Pbj4Ic2QeSIwF6+KdctXwPefm2iV88IL18TdoeEw8FVsTTv7jrnfzO3XlOmiL39AAAAAElFTkSuQmCC&apos;); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"Firebase\" title=\"Firebase\" src=\"/static/43ae97caa1b172ff9dabef67f79fbfe6/fcda8/firebase2.png\" srcset=\"/static/43ae97caa1b172ff9dabef67f79fbfe6/12f09/firebase2.png 148w,\n/static/43ae97caa1b172ff9dabef67f79fbfe6/e4a3f/firebase2.png 295w,\n/static/43ae97caa1b172ff9dabef67f79fbfe6/fcda8/firebase2.png 590w,\n/static/43ae97caa1b172ff9dabef67f79fbfe6/764be/firebase2.png 806w\" sizes=\"(max-width: 590px) 100vw, 590px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\">\n  </a>\n    </span>\n                <p>\n                  To explain in simple words, you can use firebase as a backend\n                  service in your frontend work. With simple syntaxes you can\n                  replace all the backend code(like routing, fetching and\n                  sending response from backend).\n                </p>\n              </div>\n            </div>"},"thumbnail":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='225'%20viewBox='0%200%20400%20225'%20preserveAspectRatio='none'%3e%3cpath%20d='M355%2066c-2%201-5%202-6%204l-3%202%202%202c2%202%202%201%205-1%203-3%207-4%2010-2%201%201%202%200%204-1%203-3-6-6-12-4m-149%2037l-9%201-1%206-1%2015v9h4c3%200%204-1%204-5%200-5%201-6%207-6%203%200%203%200%203-3v-4h-5c-5%200-5%200-5-2s1-3%206-4c6%200%207-1%207-3%200-4%200-5-10-4m13%200l-2%2016v15h9v-21l1-10-4-1-4%201m42%200h-8v6l-1%2015v10h3l11-1h7v-7h-7c-5%200-6%200-6-2%200-1%201-2%205-2%205-1%205-1%205-5v-3h-5c-4%201-5%200-5-1s1-2%207-3h7v-4c0-4%200-4-13-3m97%200c-9%200-9-1-10%2018v13h4l10-1h7v-8h-6c-6%201-7%201-7-1%200-1%201-2%206-2%205-1%205-1%205-5v-3h-5l-5-1c0-1%201-2%207-3h6v-4c0-4%200-4-2-4l-10%201m-128%201c-1%201-3%2015-3%2026%200%204%200%204%203%204%204%200%205-2%205-7%200-4%202-3%205%202l2%204c1%201%202%200%206-2%201-1%201-2-1-5l-2-5%202-3c2-3%203-10%200-13-1-2-2-2-8-2l-9%201m50%200h-3v8l-2%2015v7h8c8%200%208%200%2011-3s4-8%202-11v-4c3-4%202-8%200-11-3-2-7-2-16-1m28%204c-3%207-9%2024-8%2025l4%201c3%200%204%200%204-2%201-3%203-4%207-4l1%203c0%203%200%203%205%203l4-1c0-3-4-24-6-27-1-3-1-3-5-3s-4%200-6%205m23-3c-5%206-4%2012%203%2016%206%205%205%208-1%206-4-2-4-2-5%201-2%203%200%205%206%206%2012%202%2017-11%207-18-3-1-4-3-4-5%200-3%202-3%203%201%201%203%206%203%207-1%201-8-10-11-16-6'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7699115044247788,"src":"/static/03a8a1afbbbc9bb2ead80b28c840131d/ee604/blog25.png","srcSet":"/static/03a8a1afbbbc9bb2ead80b28c840131d/69585/blog25.png 200w,\n/static/03a8a1afbbbc9bb2ead80b28c840131d/497c6/blog25.png 400w,\n/static/03a8a1afbbbc9bb2ead80b28c840131d/ee604/blog25.png 800w,\n/static/03a8a1afbbbc9bb2ead80b28c840131d/f3583/blog25.png 1200w,\n/static/03a8a1afbbbc9bb2ead80b28c840131d/e4d72/blog25.png 1280w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"pageContext":{"blog":"firebase","thumbnail":"thumbnails/blog25.png"}},"staticQueryHashes":["2987289216","63159454"]}