Announcing cross-platform support with NextJS, Expo, SpiroKit, and Solito

PublishedFebruary 24, 2023

Exciting news! I'm thrilled to announce that SpiroKit is now officially a cross-platform React Native Toolkit. spirokit cross-platform example on web and mobile

Since day one, my focus has been on building a great UI Kit for mobile devices. And because SpiroKit is built on top of NativeBase, it has always been compatible with React Native Web right out of the box. But I knew I could do more to provide a better developer experience for truly cross-platform support.

That's why I've been working on a Universal App template that utilizes the latest technologies to provide cross-platform support:

NextJS 13.1
Expo SDK 47
SpiroKit
Solito.

Now, you might be wondering, "What is Solito?" Well, according to its author, @fernandotherojo, "it's the missing piece for using React Native with Next.js to build powerful cross-platform apps." Solito is a nifty little wrapper around React Navigation and Next.js that lets you share navigation code across platforms.

To make it super easy to create a new app with SpiroKit, I've also launched a new CLI called create-spirokit-app. With just one simple command, you can create your first universal app:

npx create-spirokit-app@latest --template universal-app-template-typescript

I've also included all the available templates in the CLI, so you can choose the one that's right for you.

But I'm not stopping there. Next up, I'm working on creating a private npm registry for SpiroKit. This means you'll be able to add the SpiroKit package to your apps using npm install, without having to deal with local packages.

If you're as excited as I am about these updates, I'd love for you to follow along with me on my journey. And if you have any questions, please contact me at mauro@spirokit.com or DM me on Twitter @mauro_codes.

Happy coding!

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Collecting payments with React Native & RevenueCat (Part 4): Building a Paywall screen

💡 This is the third part of the "Collecting payments" series. Before proceeding, make sure to read Part 1, Part 2 & Part 3 We've finally reached the last part of the series! With all the tedious aspects taken care of, we just need to connect everyt...

Feb 22, 20249 min read

Collecting payments with React Native & RevenueCat (Part 4): Building a Paywall screen

Collecting payments with React Native & RevenueCat (Part 3): Configuring Entitlements & Oferings in RevenueCat

💡 This is the third part of the "Collecting payments" series. Before proceeding, make sure to read Part 1 and Part 2 Before diving into this third part, I highly recommend watching this video to become familiar with some essential RevenueCat conce...

Feb 22, 20247 min read

Collecting payments with React Native & RevenueCat (Part 3): Configuring Entitlements & Oferings in RevenueCat

Collecting payments with React Native & RevenueCat (Part 2): Configuring Subscriptions in the Stores

💡 This is the third part of the "Collecting payments" series. Before proceeding, make sure to read Part 1 SpiroKit for SaaS In case you want to save weeks of painful hours of work & research on your next React Native app, checkout SpiroKit for Sa...

Feb 22, 202410 min read

Collecting payments with React Native & RevenueCat (Part 2): Configuring Subscriptions in the Stores

Collecting payments with React Native & RevenueCat (Part 1): Project & Apps setup

Introduction Creating a mobile app involves numerous challenges and time-consuming tasks that must be completed before we can release our app in the stores. In-app purchases and subscriptions are especially difficult examples of this. They require co...

Feb 22, 202413 min read

Collecting payments with React Native & RevenueCat (Part 1): Project & Apps setup

Best React Native UI Kits (February - 2024)

Building apps take time Building a mobile app is a challenging task. From coming up with an idea, prototyping, and finally building the app, there are many things to consider and problems we'll have to figure out: How do we make sure the entire app ...

Feb 4, 20246 min read

Best React Native UI Kits (February - 2024)

SpiroKit's Blog - React Native & Figma UI Library - Build industry-level mobile apps in no time

33 posts

SpiroKit is the ultimate React Native Toolkit Save months of work and focus on validating your ideas. Get lifetime access to the SaaS Kit + UI Kit + Figma & App templates

Command Palette

Comments

More from this blog