{"id":4672,"date":"2023-01-18T13:52:32","date_gmt":"2023-01-18T18:52:32","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=4672"},"modified":"2023-01-23T12:01:27","modified_gmt":"2023-01-23T17:01:27","slug":"how-the-web-enables-building-superapps","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps","title":{"rendered":"How the Web Enables Building Superapps"},"content":{"rendered":"\n

Picture this: your company hires 10 new people this month. They need to get their benefits set up, so they\u2019ll need an app for that. Your company offers a 401k plan, great! That requires another app. In order for them to access the company\u2019s new fitness reimbursement perks? You guessed it, there\u2019s another app for that. By the time they\u2019re finished onboarding, they\u2019ve got upwards of 10 shiny new apps on your phone, and it\u2019s on your team to build them. Yikes. <\/p>\n\n\n\n

Now picture this: 10 new hires starting at your company are asked to download a single app. That application has mini apps within it, which allow them to manage their benefits, make 401k contributions, process reimbursements and more, all in one place. Meanwhile, your team just builds that one app, updating the parts of it as needed. That\u2019s the power of a superapp. <\/p>\n\n\n\n\n\n\n\n

Superapps can be transformative for end users, developers, and enterprises alike. While creating a seamless experience for users, superapps enable enterprises to provide customized experiences. They also enable developers to build and ship in a totally new way; maintaining a native shell while mini apps are independently developed and maintained within it. <\/p>\n\n\n\n

What is a superapp?<\/h2>\n\n\n\n

According to Gartner<\/a>, a superapp is \u201can application that provides end users (customers, partners or employees) with a set of core features plus access to independently created mini apps.\u201d Superapps<\/a> offer enterprises a totally composable solution, leveraging a modular framework to rapidly develop and deploy features and updates. <\/p>\n\n\n\n

Superapps allow for independent work across multiple teams and applications because it\u2019s entirely web-based, as opposed to Native app development which requires a more monolithic approach with a single team. A superapp is essentially a Native shell, with the mini apps within it being purely web based, allowing development teams to work in parallel while ultimately creating a unified end product. <\/p>\n\n\n\n

Superapps\u2014which can either be customer facing external experiences or employee facing internal tools\u2014allow developers to create these large-scale apps quickly and efficiently. Customer-facing superapps, such as WeChat, a Chinese instant messaging, social media, and mobile payment app, are gaining popularity. However, due to app store restrictions in the United States, employee-facing superapps are more easily accessible. Employee-facing superapps allow enterprises to more effectively interact with employees. Large corporations such as Walmart leverage superapps to combine multiple aspects of the employee experience, from onboarding to scheduling, into one seamless experience.\u00a0\u00a0<\/p>\n\n\n\n

Superapps are essentially a platform<\/h2>\n\n\n\n

At their core, superapps are really custom built platforms tailored to organizations and designed for web teams to work within them. While a superapps team made up of Native developers works on building the platform and maintaining it across multiple devices, the mini apps teams of web developers can work on building experiences that are beneficial to a specific feature of the business.\u00a0<\/p>\n\n\n\n

This differs from traditional Native development because iOS and Android typically provide the platform for you via the app store, whereas with a superapp development teams have complete control of the environment. <\/p>\n\n\n\n

Developing mini app experiences within the platform allows developers to create unique experiences on their own without relying on a monolithic architecture to develop, upload, and maintain the mini apps synchronously with other teams. This development environment also enables trust among development teams; each development team working on their own mini app focuses solely on developing the app without worry of another team interfering with production. Since developers are not able to break out of their own sandbox and potentially alter someone else\u2019s app, this ultimately leads to a more controlled development environment and cleaner final product.<\/p>\n\n\n\n

These mini app experiences are essentially abstractions of Web Views. By using them, developers are able to abstract away the base platform, creating a more normalized developer experience. The web team doesn\u2019t need to worry about the intricacies of the Native layer, and instead focus on the web features. Additionally, since the web developer is then left to use a language and environment that they already know, they\u2019re able to ultimately churn out a better product more efficiently. <\/p>\n\n\n\n

Why the web is ideal for building superapps <\/h2>\n\n\n\n

Building superapps using web technologies is the best solution because it enables teams to leverage existing expertise to build and fix bugs faster and address issues quickly. This ultimately leads to a better customer experience, as the superapp is always up-to-date and running smoothly. <\/p>\n\n\n\n

Since web technologies are already used by millions of developers across large enterprises, there\u2019s an enormous pool of talent and knowledge to pull from when creating a superapp. That means less time spent training developers on new technologies, more time spent building the best possible experience. <\/p>\n\n\n\n

Using the web also allows for a more flexible development environment. The final app built on the web can then be used universally within iOS and Android applications.<\/p>\n\n\n\n

Ensure you\u2019re set up for building superapps<\/h2>\n\n\n\n

First, you\u2019ll want to survey the web assets currently in your ecosystem to see if you\u2019re able to repurpose and integrate them into your mobile app experience. You\u2019ll then want to determine what app experiences can be built on the web right away, or which can be pulled from native apps that are already built out (or slated to be built). Lastly, you\u2019ll want to make sure you have the proper team in place to maintain the superapp<\/a> as well as the mini apps within it. Once you\u2019ve determined that building a superapp is right for your organization, a tool like Ionic\u2019s Portals<\/a> can help.<\/p>\n","protected":false},"excerpt":{"rendered":"

Superapps can be transformative for end users, developers, and enterprises alike. Learn more about how the web enables building superapps.<\/p>\n","protected":false},"author":100,"featured_media":4675,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"1","publish_post_category":"12","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"558391","discourse_permalink":"http:\/\/forum.ionicframework.com\/t\/how-the-web-enables-building-superapps\/230377","wpdc_publishing_response":"success","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1,123],"tags":[227,260],"class_list":["post-4672","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all","category-perspectives","tag-portals","tag-superapps"],"acf":[],"yoast_head":"\nHow the Web Enables Building Superapps - Ionic Blog<\/title>\n<meta name=\"description\" content=\"Superapps can be transformative for end users, developers, and enterprises alike. Learn more about how the web enables building superapps.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How the Web Enables Building Superapps\" \/>\n<meta property=\"og:description\" content=\"Superapps can be transformative for end users, developers, and enterprises alike. Learn more about how the web enables building superapps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-18T18:52:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-23T17:01:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2023\/01\/superapps-feature-image-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2240\" \/>\n\t<meta property=\"og:image:height\" content=\"1120\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jacklin Altman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jacklin Altman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps\"},\"author\":{\"name\":\"Jacklin Altman\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/6fbceef43a19a3a9c39b94e1db65abb6\"},\"headline\":\"How the Web Enables Building Superapps\",\"datePublished\":\"2023-01-18T18:52:32+00:00\",\"dateModified\":\"2023-01-23T17:01:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps\"},\"wordCount\":946,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2023\/01\/superapps-feature-image-1.png\",\"keywords\":[\"Portals\",\"superapps\"],\"articleSection\":[\"All\",\"Perspectives\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps\",\"url\":\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps\",\"name\":\"How the Web Enables Building Superapps - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2023\/01\/superapps-feature-image-1.png\",\"datePublished\":\"2023-01-18T18:52:32+00:00\",\"dateModified\":\"2023-01-23T17:01:27+00:00\",\"description\":\"Superapps can be transformative for end users, developers, and enterprises alike. Learn more about how the web enables building superapps.\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2023\/01\/superapps-feature-image-1.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2023\/01\/superapps-feature-image-1.png\",\"width\":2240,\"height\":1120,\"caption\":\"superapps\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How the Web Enables Building Superapps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/6fbceef43a19a3a9c39b94e1db65abb6\",\"name\":\"Jacklin Altman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-06-at-2.24.26-PM-150x150.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-06-at-2.24.26-PM-150x150.png\",\"caption\":\"Jacklin Altman\"},\"description\":\"Product Team\",\"url\":\"https:\/\/ionic.io\/blog\/author\/jacklin\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How the Web Enables Building Superapps - Ionic Blog","description":"Superapps can be transformative for end users, developers, and enterprises alike. Learn more about how the web enables building superapps.","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:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps","og_locale":"en_US","og_type":"article","og_title":"How the Web Enables Building Superapps","og_description":"Superapps can be transformative for end users, developers, and enterprises alike. Learn more about how the web enables building superapps.","og_url":"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps","og_site_name":"Ionic Blog","article_published_time":"2023-01-18T18:52:32+00:00","article_modified_time":"2023-01-23T17:01:27+00:00","og_image":[{"width":2240,"height":1120,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2023\/01\/superapps-feature-image-1.png","type":"image\/png"}],"author":"Jacklin Altman","twitter_card":"summary_large_image","twitter_creator":"@ionicframework","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Jacklin Altman","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps"},"author":{"name":"Jacklin Altman","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/6fbceef43a19a3a9c39b94e1db65abb6"},"headline":"How the Web Enables Building Superapps","datePublished":"2023-01-18T18:52:32+00:00","dateModified":"2023-01-23T17:01:27+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps"},"wordCount":946,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2023\/01\/superapps-feature-image-1.png","keywords":["Portals","superapps"],"articleSection":["All","Perspectives"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps","url":"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps","name":"How the Web Enables Building Superapps - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2023\/01\/superapps-feature-image-1.png","datePublished":"2023-01-18T18:52:32+00:00","dateModified":"2023-01-23T17:01:27+00:00","description":"Superapps can be transformative for end users, developers, and enterprises alike. Learn more about how the web enables building superapps.","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2023\/01\/superapps-feature-image-1.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2023\/01\/superapps-feature-image-1.png","width":2240,"height":1120,"caption":"superapps"},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/how-the-web-enables-building-superapps#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"How the Web Enables Building Superapps"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/6fbceef43a19a3a9c39b94e1db65abb6","name":"Jacklin Altman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-06-at-2.24.26-PM-150x150.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-06-at-2.24.26-PM-150x150.png","caption":"Jacklin Altman"},"description":"Product Team","url":"https:\/\/ionic.io\/blog\/author\/jacklin"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2023\/01\/superapps-feature-image-1.png","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/100"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=4672"}],"version-history":[{"count":5,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4672\/revisions"}],"predecessor-version":[{"id":4729,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4672\/revisions\/4729"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/4675"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=4672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=4672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=4672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}