Docs
Benefits of AIO

Benefits of AIO

Why you should use AIO as your new starter template.

As developers, we tend to spend way too much time on boilerplate logic for each new app we work on. An immense amount of time and energy is wasted every day across the globe because we don't have a single cohesive template to start off from each time we start on a new project... until now.

Benefits of AIO

You want to offer your users a synchronized and smooth cross-platform UX/UI with shared component styling and logic. You want to be sure your users can authenticate with any provider they wish, and their account is automatically updated with the new providers they sign in with. If your users sign up with Google and later decide they want to log in with Apple, both providers should be synchronized automatically to the user's OAuth providers. This is an example of the sort of logic that should be configured by default. This is never the sort of thing you should be spending time on yourself. That's why I decided to build the AIO template.

Who is AIO for?

Whether your initial main focus is to build an iOS, Android, or Web app, this template can help you. Even if you only want to launch your project on iOS today, you might want to launch on multiple platforms later. With AIO, this becomes soooooo much easier. I cannot tell you how much time I've spent re-writing the same UI on three different platforms. I cannot emphasize enough the impact that React Native & Expo has had on cross-platform development. We are finally at a place where we don't need to rewrite our UI for each platform individually, and where we no longer will be fixing bugs on specific platforms. If there's a problem in our app, we can fix it once and immediately deploy the update to all platforms. This is literally magic!

Some of the default screens included in the AIO template:

  • Onboarding: Introduce new users to your app with a seamless onboarding experience.
  • Paywall: Handle subscriptions and one-time purchases with ease.
  • Login & Register: Allow users to create accounts and sign in securely.
  • Home: Provide a central hub for your app’s main features.
  • Profile: Enable users to manage their personal information.
  • Settings: Offer customizable app settings for a personalized experience.
  • Landing: Capture attention with a compelling landing page.
  • Pricing: Clearly communicate your product’s value with a dedicated pricing page.

Note: Landing screen is used on web. Onboarding is used on mobile. Pricing screen is used on web. Paywall is used on mobile.

Detailed Documentation

AIO includes comprehensive documentation to guide you through building and deploying your app to iOS, Android, and Web. Our docs include detailed explanations for payment logic, authentication logic, and more. Whether you're setting up in-app purchases, integrating OAuth providers, or configuring your deployment pipelines, the documentation covers all the essential steps to help you understand everything, even if you've never built a cross-platform project before.

Simplified Development

AIO fundamentally simplifies development by providing pre-configured solutions for common app functionalities. You don't need to worry about standard boilerplate functionalities. You only need to focus on your app's unique features. Need in-app payments? AIO has you covered with RevenueCat and Stripe, that syncs & checks payment state for all your users across platforms. Need analytics? AIO comes with Firebase & AppsFlyer, so you can start tracking usage statistics and correctly attribute app installs from marketing campaigns. How about localization? AIO comes with cross-platform internationalization by default, so your app supports multiple languages immediately, ensuring your app can reach a global audience.

Extensible and Customizable

While AIO provides a set of default configurations, it’s also easily customizable. For example, you are not constrained to any specific UI style, since we use Tailwind/NativeWind for styling. And the react-native-reusables components can easily be customized exactly as you wish, since you actually have access to the code of the components. And if you wish to use another solution for analytics or attribution, it's extremely easy to replace.

Conclusion

By providing an all-in-one template that handles all the common boilerplate logic, AIO frees you up to focus on what really matters: building amazing apps. Whether you're a solo developer or part of a large team, AIO has the tools you need to deliver high-quality, cross-platform applications faster than ever before. Stop wasting your time on boilerplate non-unique functionalities that your users will never notice or appreciate the pain of configuring. Launch your app much faster and get to product-market fit sooner by focusing on improving the features that are unique to your specific app.