Hello HN,
I’ve built Bagisto Native, a framework that helps developers turn existing React or Next.js web applications into high-performance native apps.
While it originated within the Bagisto headless e-commerce ecosystem, the framework is now decoupled and works with any React-based project.
Why I built this:
Most "web-to-native" tools either feel like slow WebViews or require a total rewrite in React Native. I wanted a middle ground: the ability to keep your Next.js routing, SEO, and web logic while gaining access to native device APIs, push notifications, and app store readiness without the overhead of a full rebuild.
Key Features:
Framework Agnostic: Works with any React or Next.js project.
Native Bridge: Access hardware features (camera, geolocation, storage) through a unified JS bridge.
Performance-First: Optimized for low-latency interactions so it doesn't "feel" like a browser wrapper.
Modular: The @bagisto-native/about package handles the core versioning and environment detection to ensure the app behaves differently when running in a native shell versus a browser.
The @bagisto-native/about package:
This is the core identity and utility layer. It detects the environment, manages versioning between the web-service and the native-wrapper, and provides the initialization logic for the native bridge.
NPM: https://www.npmjs.com/package/@bagisto-native/about
Hello HN, I’ve built Bagisto Native, a framework that helps developers turn existing React or Next.js web applications into high-performance native apps. While it originated within the Bagisto headless e-commerce ecosystem, the framework is now decoupled and works with any React-based project. Why I built this: Most "web-to-native" tools either feel like slow WebViews or require a total rewrite in React Native. I wanted a middle ground: the ability to keep your Next.js routing, SEO, and web logic while gaining access to native device APIs, push notifications, and app store readiness without the overhead of a full rebuild. Key Features: Framework Agnostic: Works with any React or Next.js project. Native Bridge: Access hardware features (camera, geolocation, storage) through a unified JS bridge. Performance-First: Optimized for low-latency interactions so it doesn't "feel" like a browser wrapper. Modular: The @bagisto-native/about package handles the core versioning and environment detection to ensure the app behaves differently when running in a native shell versus a browser. The @bagisto-native/about package: This is the core identity and utility layer. It detects the environment, manages versioning between the web-service and the native-wrapper, and provides the initialization logic for the native bridge. NPM: https://www.npmjs.com/package/@bagisto-native/about
1) The Goal:
A framework to convert existing React or Next.js web applications into native mobile apps without a full React Native rewrite.
2) Agnostic Core:
Originally for Bagisto headless e-commerce, but now decoupled to work with any React-based frontend.
3) Native Bridge:
Includes a JS bridge to access device hardware (camera, biometrics, etc.) directly from your web logic.
3) Smart Environment Detection:
Uses @bagisto-native/core to detect the runtime environment and toggle native-only features vs. web features.
4) Performance:
Optimized to eliminate "WebView lag" and provide a fluid, app-store-ready experience.
5) Easy Integration:
Can be added to existing projects to start bridging the gap between web and mobile immediately.