Solito – React Native and Next.js, Unified

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • nextjs-tailwind-ionic-capacitor-starter

    A starting point for building an iOS, Android, and Progressive Web App with Tailwind CSS, React w/ Next.js, Ionic Framework, and Capacitor

    wow, that's a weird limitation.

    The README says: "SSR is currently disabled for the Next.js app as the app will be fully client-side rendered for iOS and Android. This is a limitation we are working to address in a future update."

    I guess it's because CapacitorJS pre-bundles the entire PWA for the App Stores:

    "Of course, you also could load the app completely remotely by changing the server.url configuration for Capacitor to point to your SSR'ed Next.js app, but that has other challenges such as App Store approval if the app doesn't check the boxes for Apple to qualify it as an app that has enough native integration (at that point this is on you, not Capacitor)"

    https://github.com/mlynch/nextjs-tailwind-ionic-capacitor-st...

    But I don't understand why SSR would be disabled for the NextJS PWA on the web?

    Maybe Max Lynch aka. @mlynch aka. @yesimahuman could provide some insight here.

  • wow, that's a weird limitation.

    The README says: "SSR is currently disabled for the Next.js app as the app will be fully client-side rendered for iOS and Android. This is a limitation we are working to address in a future update."

    I guess it's because CapacitorJS pre-bundles the entire PWA for the App Stores:

    "Of course, you also could load the app completely remotely by changing the server.url configuration for Capacitor to point to your SSR'ed Next.js app, but that has other challenges such as App Store approval if the app doesn't check the boxes for Apple to qualify it as an app that has enough native integration (at that point this is on you, not Capacitor)"

    https://github.com/mlynch/nextjs-tailwind-ionic-capacitor-st...

    But I don't understand why SSR would be disabled for the NextJS PWA on the web?

    Maybe Max Lynch aka. @mlynch aka. @yesimahuman could provide some insight here.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • remix

    Build Better Websites. Create modern, resilient user experiences with web fundamentals.

    Someone has brought up adding a Remix integration to Solito, too. It's certainly possible from my end, the question is if Remix would make it possible. Many remix APIs like Form seem to be very browser-specific, so it wouldn't share nicely with React Native.

    That said, I opened this discussion on the Remix repo a while ago: https://github.com/remix-run/remix/discussions/1578

    If you're using shared screens outside of Remix marketing pages, though, then I imagine a solito/remix could exist to bring the same features the Next integration has to a Remix one.

  • expo-auto-navigation-webpack

    Discontinued Test automatic navigation using Expo and React Navigation and Webpack

    Those kinds of implementation details won't be hard to add to Solito. The API I'm using is that of Next.js. If they adapt to suspenseful approaches to routing, Solito will too.

    There are also experiments in the works to make React Navigation lazy load code with suspense on the Native side by bringing Webpack to Native: https://github.com/EvanBacon/expo-auto-navigation-webpack

    Another added bonus of this approach is that it will have a pages/ folder API like Next.js.

    I don't see why Solito won't be able to support these use-cases as they arise.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts