ionic.io
Open in
urlscan Pro
2606:4700:10::6816:3ff3
Public Scan
Submitted URL: https://www.codeproject.com/News.aspx?ntag=19837497854828772&_z=10130219
Effective URL: https://ionic.io/blog/introducing-the-superapp-sdk
Submission: On November 21 via api from US — Scanned from CA
Effective URL: https://ionic.io/blog/introducing-the-superapp-sdk
Submission: On November 21 via api from US — Scanned from CA
Form analysis 3 forms found in the DOM
GET /blog
<form action="/blog" method="get" class="custom-search " __bizdiag="115" __biza="WJ__">
<button class="custom-search__activate" type="button" onclick="handleSearchClick(this)">
<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.9 2a4.9 4.9 0 1 0 0 9.82A4.9 4.9 0 0 0 6.9 2Z" stroke="#2D4665" stroke-miterlimit="10"></path>
<path d="M10.57 10.57 14 14" stroke="#2D4665" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
</button>
<input placeholder="Search blog" type="text" name="s" id="search" value="" oninput="handleFormInput(this)" onblur="handleInputBlur(this, event);">
<button id="clear" class="custom-search__clear " type="button" onclick="handleSearchClear(this)">
<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="m11.5 11.5-7-7M11.5 4.5l-7 7" stroke="#2D4665" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</form>GET /blog
<form action="/blog" method="get" class="custom-search " __bizdiag="115" __biza="WJ__">
<button class="custom-search__activate" type="button" onclick="handleSearchClick(this)">
<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.9 2a4.9 4.9 0 1 0 0 9.82A4.9 4.9 0 0 0 6.9 2Z" stroke="#2D4665" stroke-miterlimit="10"></path>
<path d="M10.57 10.57 14 14" stroke="#2D4665" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
</button>
<input placeholder="Search blog" type="text" name="s" id="search" value="" oninput="handleFormInput(this)" onblur="handleInputBlur(this, event);">
<button id="clear" class="custom-search__clear " type="button" onclick="handleSearchClear(this)">
<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="m11.5 11.5-7-7M11.5 4.5l-7 7" stroke="#2D4665" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</form>POST https://forms.hsforms.com/submissions/v3/public/submit/formsnext/multipart/3776657/76e5f69f-85fd-4579-afce-a1892d48bb32
<form id="hsForm_76e5f69f-85fd-4579-afce-a1892d48bb32" method="POST" accept-charset="UTF-8" enctype="multipart/form-data" novalidate=""
action="https://forms.hsforms.com/submissions/v3/public/submit/formsnext/multipart/3776657/76e5f69f-85fd-4579-afce-a1892d48bb32"
class="hs-form-private hsForm_76e5f69f-85fd-4579-afce-a1892d48bb32 hs-form-76e5f69f-85fd-4579-afce-a1892d48bb32 hs-form-76e5f69f-85fd-4579-afce-a1892d48bb32_638ddd05-3488-435a-b5e3-8e152286e237 hs-form stacked hs-custom-style"
target="target_iframe_76e5f69f-85fd-4579-afce-a1892d48bb32" data-instance-id="638ddd05-3488-435a-b5e3-8e152286e237" data-form-id="76e5f69f-85fd-4579-afce-a1892d48bb32" data-portal-id="3776657" __bizdiag="-1797773545" __biza="WJ__">
<div class="hs_email hs-email hs-fieldtype-text field hs-form-field"><label id="label-email-76e5f69f-85fd-4579-afce-a1892d48bb32" class="" placeholder="Enter your Email" for="email-76e5f69f-85fd-4579-afce-a1892d48bb32"><span>Email</span><span
class="hs-form-required">*</span></label>
<legend class="hs-field-desc" style="display: none;"></legend>
<div class="input"><input id="email-76e5f69f-85fd-4579-afce-a1892d48bb32" name="email" placeholder="your@email.com" type="email" class="hs-input" inputmode="email" autocomplete="email" value=""></div>
</div>
<div class="hs_submit hs-submit">
<div class="hs-field-desc" style="display: none;"></div>
<div class="actions"><input type="submit" class="hs-button primary large" value="Get our newsletter →"></div>
</div><input name="hs_context" type="hidden"
value="{"embedAtTimestamp":"1700587490913","formDefinitionUpdatedAt":"1680623772991","lang":"en","isLegacyThemeAllowed":"true","userAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.6045.159 Safari/537.36","pageTitle":"Introducing the Superapp SDK - Ionic Blog","pageUrl":"https://ionic.io/blog/introducing-the-superapp-sdk","isHubSpotCmsGeneratedPage":false,"formTarget":"#id655cd7df60e2c","rumScriptExecuteTime":2868.800000190735,"rumTotalRequestTime":3656.300000190735,"rumTotalRenderTime":3692,"rumServiceResponseTime":787.5,"rumFormRenderTime":35.69999980926514,"locale":"en","timestamp":1700587491068,"originalEmbedContext":{"portalId":"3776657","formId":"76e5f69f-85fd-4579-afce-a1892d48bb32","region":"na1","target":"#id655cd7df60e2c","isBuilder":false,"isTestPage":false,"isPreview":false,"css":"","translations":{"en":{"submitText":"Get our newsletter →"}},"locale":"en","isMobileResponsive":true},"correlationId":"638ddd05-3488-435a-b5e3-8e152286e237","renderedFieldsIds":["email"],"captchaStatus":"NOT_APPLICABLE","emailResubscribeStatus":"NOT_APPLICABLE","isInsideCrossOriginFrame":false,"source":"forms-embed-1.4162","sourceName":"forms-embed","sourceVersion":"1.4162","sourceVersionMajor":"1","sourceVersionMinor":"4162","allPageIds":{},"_debug_embedLogLines":[{"clientTimestamp":1700587491023,"level":"INFO","message":"Retrieved customer callbacks used on embed context: [\"onFormReady\"]"},{"clientTimestamp":1700587491025,"level":"INFO","message":"Retrieved pageContext values which may be overriden by the embed context: {\"pageTitle\":\"Introducing the Superapp SDK - Ionic Blog\",\"pageUrl\":\"https://ionic.io/blog/introducing-the-superapp-sdk\",\"userAgent\":\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.6045.159 Safari/537.36\",\"isHubSpotCmsGeneratedPage\":false}"},{"clientTimestamp":1700587491027,"level":"INFO","message":"Retrieved countryCode property from normalized embed definition response: \"CA\""}]}"><iframe
name="target_iframe_76e5f69f-85fd-4579-afce-a1892d48bb32" style="display: none;"></iframe>
</form>Text Content
Skip to content * Support * Contact * Log in Blog CATEGORIES * All * Announcements * Engineering * Perspectives * Product * Stencil * Tutorials PRODUCTS * Appflow * Capacitor * Framework * Enterprise SDK * Portals RSS SEARCH: Blog * * Categories * All * Announcements * Engineering * Perspectives * Product * Stencil * Tutorials * Products * Appflow * Capacitor * Framework * Enterprise SDK * Portals * RSS November 8, 2023 * All * Announcements * superapps INTRODUCING THE SUPERAPP SDK JACKLIN ALTMAN Product Team Copied Copied These days, it feels like we have an app for everything. Managing your finances? There’s an app for that. Want to connect with friends halfway around the world? There’s an app for that too. Want a hot meal delivered to your door? Another app! Before you know it, you can easily rack up 50+ different apps on your device. That also means 50+ logins for you to remember, 50+ apps that need regular updates, and seemingly infinite screens you need to swipe through to accomplish various daily tasks. What if it didn’t have to be this way? What if multiple services or products could be available in a single place? What if instead of disparate apps for every individual task, we had consolidated digital experiences? Superapps make it possible—and Ionic’s Superapp SDK makes it simple to build one for your organization. WHAT IS A SUPERAPP? In short, a superapp is a single app that houses various digital experiences within it. They provide end users, such as employees, partners, or customers, with access to independently created mini apps. These mini apps are unified under a single umbrella application, so users don’t need to switch between screens or hop between digital experiences. The core application contains essential functionality, while the mini apps can add on needed features. WHY BUILD A SUPERAPP? Whether you’re looking to scale your business, modernize your development strategy, or simply create a unified digital experience, then superapps may be for you. Superapps are all about consolidating disparate experiences into a single, streamlined one. Rather than switching screens and remembering yet another login, users can access everything they need in one place. This means less headache, less apps clogging up devices, and less chance of users abandoning your app as they switch to another and potentially forget about it. Development can also be simplified with superapps, as you can build core functionality once and reuse it across apps, creating a digital experience that scales and grows with your business. This reduces development overhead using a modular architecture, while leveraging web teams for feature development. Teams are able to ship features faster than ever, and app development can be expedited even more with starter app templates. Adopting a superapp architecture can also be a catalyst for modernizing your app development strategy. It allows development teams to work independently, building mini apps that replace disparate apps to provide users with a cohesive experience. New features can be delivered asynchronously, and live updates can be deployed directly to users’ devices. You can also implement app governance and development standards to apply across anything developed within the superapp. WHAT GOES INTO BUILDING A SUPERAPP? Superapps can scale and grow into highly intricate applications, and can be complicated to build without the proper tools.. First, native teams develop shell apps for iOS and Android with core functionality, such as authentication or payments information. Then, web teams build mini apps with additional features and functions using any web technology stack or framework. The mini apps then need to be connected to the native shell. Mini apps can be automatically installed with the native shell or discovered within the superapp and downloaded separately. This entire process is simplified with the Superapp SDK. Creating a superapp allows native and web teams to collaborate effectively, leveraging the skills, languages, and experience of each. Teams can also move faster than ever, since there’s no need to learn anything new, and mini apps can be deployed across both iOS and Android—cutting down duplicate efforts and keeping uniform look and feel. The mini apps are seamlessly integrated into their native shells through the power of Ionic Portals. Portals removes the complicated work of moving data and instructions between the native layer and the web layer. Once the interface for communication is established, each team can continue to work autonomously. Not only are the dev teams able to build separately, they can ship separately as well. Superapps created with the SDK can leverage the power of a cloud mobile DevOps—via the cloud service, dev teams can create both native and web builds on their own timeline. The native builds can be deployed to the app store as needed, while the web builds can be updated within the native shell whenever required. With Live Updates, mini apps can be changed in real time with over-the-air updates as well, ensuring users always have the latest and greatest on their devices. The Superapp SDK has everything mobile development teams need to manage their superapp development lifecycle. If you’re looking to get started building your first superapp, check out our tutorial. SUPERAPPS CAN REVOLUTIONIZE THE WORKPLACE Workforce engagement is always a challenge—with app overload making things even worse. 69% of workers were wasting up to an hour a day navigating between apps, and 36% of digital workers missed important updates due to a multitude of apps and the volume of data flowing through them. The best way to combat this app fatigue? With a streamlined experience via superapp. Having everything in one place empowers frontline employees to get the information they need when they need it, and eliminates the need for juggling numerous logins and applications. On the managerial side, superapps can help simplify administrative processes, saving time and resources in the process. It’s far simpler to manage everything from a centralized place as opposed to overseeing disparate processes across multiple applications. With superapps, managers have the potential to do everything from approving PTO to chatting with teammates from a single place. HOW ONE IONIC CUSTOMER WAS ABLE TO SHIP A SUPERAPP IN RECORD TIME A customer in the health and beauty space has been able to develop a superapp lightening fast thanks to Ionic’s Superapp SDK. In under 5 months, they created an app for employees to use in stores, showing them product stock levels, allowing them to order new products for the store, and integrating shipping/receiving technology. The customer notes that “with a superapp approach we can develop micro applications in parallel by different teams and build them seamlessly together. And have a continuous deployment mode where we just keep releasing new features.” They also highlighted how despite shipping new features at record speed, this has “low implication on existing features because we have [development teams working in] multiple locations. For example, we have a team in China developing one mini app and [another] in the Netherlands and in Hong Kong.” WHY IONIC Building your own superapp from the ground up can be daunting, and DIY solutions are often clunky, lacking functionality, and aren’t highly secure. That’s why we created the Superapp SDK to be your superapp accelerator. Ionic’s Superapp SDK provides an entire library of tools to help web developers create a streamlined, centralized mobile app experience. An off-the-shelf design system with adaptive styling means your superapp will look and feel at home on mobile. Your app will always be up to date with the latest UI design, and it’s fully customizable to fit your brand and your needs. With native-like gestures and animations, such as swiping, entering, and leaving gestures, your apps will build off of experiences your users are already familiar with. Superapp SDK also gives you access to a library of 100+ UI building blocks and mobile-ready components by design, all of which are fully customizable. That means less time reinventing the wheel, more time driving the car. With Ionic, you’ll have access to build and deploy apps directly to the app stores, and you’ll be able to update your apps live – pushing critical fixes and updates directly to your users’ devices faster than ever. We also maintain SOC II Type 2 certification, so you can rest easy knowing that your and your customers’ data is safe. LEARN MORE Interested? We can help you build a demonstrable superapp proof of concept. Book a demo with one of our experts or download the datasheet to learn more about how superapps can revolutionize your development. -------------------------------------------------------------------------------- JACKLIN ALTMAN Product Team Copied JOIN OUR NEWSLETTER. NO SPAM-ONLY THE GOOD STUFF. Sign up to receive the latest updates from our Blog. Email* -------------------------------------------------------------------------------- RELATED POSTS * Tutorials BUILDING AND RELEASING YOUR CAPACITOR IOS APP February 22, 2023 * All CAPACITOR: EVERYTHING YOU’VE EVER WANTED TO KNOW February 10, 2023 * Tutorials BUILDING AND RELEASING YOUR CAPACITOR ANDROID APP February 15, 2023 * * PLATFORM * Overview * Build * Secure * Deploy * Why Ionic? * PRODUCTS * Ionic SDK * Appflow * Identity * Auth * Storage * Portals * RESOURCES * Resource Center * Docs * Blog * Webinars * News * Videos * COMPANY * About us * Customers * Jobs * Press * Contact * SUPPORT * Help Center * Partners * Advisory * Training Copyright © 2023 Ionic Terms Privacy By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. Cookies Settings Reject All Accept All Cookies PRIVACY PREFERENCE CENTER When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. More information Allow All MANAGE CONSENT PREFERENCES STRICTLY NECESSARY COOKIES Always Active These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. PERFORMANCE COOKIES Performance Cookies These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance. FUNCTIONAL COOKIES Functional Cookies These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly. TARGETING COOKIES Targeting Cookies These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising. Back Button COOKIE LIST Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label Reject All Confirm My Choices