# nandorojo/solito

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/nandorojo-solito).**

_How this analysis was created: the description and tags below were written by an AI model that read this project's README and public documentation pages; stars, license and language come straight from the GitHub API. The model does not read the source code._

4,093 stars · 193 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/nandorojo/solito
- Homepage: https://solito.dev
- awesome-repositories: https://awesome-repositories.com/repository/nandorojo-solito.md

## Description

Solito is a cross-platform navigation library and routing bridge that enables the development of mobile apps and web pages from a single codebase using React Native and Next.js. It functions as an orchestrator that synchronizes file-system based routing and screen logic across both platforms.

The project provides a unified navigation interface that maps a single set of URLs to either web pages or native screens. This allows for synchronized linking and route parameters, ensuring that users land on the correct content regardless of whether they are using a browser or a mobile application.

The library also includes a universal UI component wrapper that resolves to native touchables on mobile and anchor tags on the web. It further extends this cross-platform capability to asset management, providing unified components for rendering optimized images and vector graphics that remain compatible across server-side web environments and native views.

The system handles broader operational needs such as route parameter extraction, search parameter manipulation, and platform-specific code elimination to optimize bundle size.

## Tags

### Mobile Development

- [Cross-Platform App Development](https://awesome-repositories.com/f/mobile-development/cross-platform-app-development.md) — Enables building mobile apps and web pages from one codebase using React Native and Next.js.
- [Cross-Platform Navigation Libraries](https://awesome-repositories.com/f/mobile-development/cross-platform-navigation-libraries.md) — Provides a shared API for managing routing and navigation across both web and native platform targets. ([source](https://solito.dev/gradual-adoption))
- [Universal Link Handling](https://awesome-repositories.com/f/mobile-development/universal-link-handling.md) — Maps URLs to specific screens to ensure users land on the correct content regardless of platform.
- [Web-to-Native Navigation Bridges](https://awesome-repositories.com/f/mobile-development/web-to-native-navigation-bridges.md) — Synchronizes navigation state and routing between Next.js web frameworks and native mobile libraries.
- [Stack Replacement](https://awesome-repositories.com/f/mobile-development/stack-based-navigation-history/stack-replacement.md) — Swaps the current screen in a navigation stack without adding a new entry to the history. ([source](https://solito.dev/v2))

### Software Engineering & Architecture

- [Shared Screen Architectures](https://awesome-repositories.com/f/software-engineering-architecture/shared-screen-architectures.md) — Decouples page content from platform-specific navigation shells to allow single-component rendering across web and mobile.
- [Unified Navigation Interfaces](https://awesome-repositories.com/f/software-engineering-architecture/unified-navigation-interfaces.md) — Implements an abstracted routing interface that provides a common API for native and web navigation systems. ([source](https://solito.dev/guides/new-route))
- [Unified Navigation Logic](https://awesome-repositories.com/f/software-engineering-architecture/unified-navigation-logic.md) — Manages routing for mobile apps and web pages within a single codebase using synchronized logic. ([source](https://cdn.jsdelivr.net/gh/nandorojo/solito@master/README.md))
- [Navigation State Orchestration](https://awesome-repositories.com/f/software-engineering-architecture/monorepo-orchestration/navigation-state-orchestration.md) — Coordinates file-system based routing and screen logic within a single cross-platform monorepo codebase.
- [Modal Navigation Renderers](https://awesome-repositories.com/f/software-engineering-architecture/overlay-rendering-architectures/modal-navigation-renderers.md) — Renders page components inside modal overlays while maintaining background state through shallow routing. ([source](https://solito.dev/recipes/modals))
- [Platform-Specific File Resolution](https://awesome-repositories.com/f/software-engineering-architecture/platform-specific-file-resolution.md) — Implements build-time mechanisms to select implementation files based on environment-specific extensions like .web.js or .native.js.
- [Router State Management](https://awesome-repositories.com/f/software-engineering-architecture/router-state-management.md) — Provides capabilities to read pathnames, access dynamic route parameters, and manipulate URL search parameters across platforms. ([source](https://solito.dev/app-directory/overview))

### User Interface & Experience

- [Cross-Platform Link Primitives](https://awesome-repositories.com/f/user-interface-experience/cross-platform-link-primitives.md) — Provides higher-order components that resolve to native touchables on mobile and anchor tags on web.
- [Cross-Platform Navigation Links](https://awesome-repositories.com/f/user-interface-experience/cross-platform-navigation-links.md) — Provides accessible navigation link components that function across both web and native platforms using shared logic. ([source](https://solito.dev/app-directory/overview))
- [Navigation Routing](https://awesome-repositories.com/f/user-interface-experience/navigation-routing.md) — Manages links and route parameters across web and native platforms using a single API for consistent navigation.
- [Platform-Agnostic URL Navigation](https://awesome-repositories.com/f/user-interface-experience/platform-agnostic-url-navigation.md) — Provides a shared interface that maps a single routing call to both Next.js page transitions and React Native screen stacks.
- [Shared Screen Primitives](https://awesome-repositories.com/f/user-interface-experience/shared-screen-primitives.md) — Defines a single UI component that renders in both web and native apps to eliminate duplicate logic. ([source](https://solito.dev/guides/new-route))
- [Universal Link Components](https://awesome-repositories.com/f/user-interface-experience/universal-link-components.md) — Implements higher-order components that resolve to native touchables on mobile and anchor tags on web. ([source](https://solito.dev/usage/use-link))
- [URL-to-Screen Mappings](https://awesome-repositories.com/f/user-interface-experience/url-to-screen-mappings.md) — Provides a translation layer that converts web URL paths and query strings into native navigation route objects.
- [Platform-Specific Layout Skeletons](https://awesome-repositories.com/f/user-interface-experience/cross-platform-ui-design-patterns/cross-platform-implementations/platform-specific-layout-skeletons.md) — Separates shared screen content from the navigation skeleton to allow distinct headers and footers per platform. ([source](https://solito.dev/methodology))
- [Image Display Components](https://awesome-repositories.com/f/user-interface-experience/image-display-components.md) — Uses a single image component compatible with server components to ensure consistent rendering across platforms. ([source](https://solito.dev/app-directory/overview))
- [Optimized Image Renderers](https://awesome-repositories.com/f/user-interface-experience/image-display-components/optimized-image-renderers.md) — Provides a single image interface that handles web standard optimization and native caching. ([source](https://solito.dev/v2))
- [Platform-Mapped Components](https://awesome-repositories.com/f/user-interface-experience/platform-mapped-components.md) — Displays images using a single component that maps to platform-specific optimized image libraries. ([source](https://solito.dev/usage/image))
- [Universal Text Links](https://awesome-repositories.com/f/user-interface-experience/universal-text-links.md) — Implements text-based hyperlinks that maintain a consistent navigation interface across web and mobile platforms. ([source](https://solito.dev/usage/text-link))
- [Cross-Platform Parameter Synchronization](https://awesome-repositories.com/f/user-interface-experience/update-batching/url-query-parameter-batches/atomic-query-parameter-updates/cross-platform-parameter-synchronization.md) — Synchronizes route parameters between web query strings and native navigation state in real-time. ([source](https://solito.dev/usage/params))

### Web Development

- [Cross-Platform Route Synchronization](https://awesome-repositories.com/f/web-development/dynamic-routing/file-system-based-routing/platform-specific-route-resolution/cross-platform-route-synchronization.md) — Provides a shared API for synchronizing file-system based routing definitions across web and native platforms.
- [Cross-Platform URL-to-Screen Mapping](https://awesome-repositories.com/f/web-development/dynamic-routing/file-system-based-routing/platform-specific-route-resolution/cross-platform-url-to-screen-mapping.md) — Translates web URL paths to native navigation screens to move users between views across platforms. ([source](https://solito.dev/app-directory/hooks))
- [Cross-Platform Route Synchronization](https://awesome-repositories.com/f/web-development/url-generators/url-path-formatters/file-path-to-url-converters/path-based-routing/cross-platform-route-synchronization.md) — Maps specific URL paths to native screens so the same route triggers the correct view on all platforms. ([source](https://solito.dev/guides/new-route))
- [Dynamic Parameter Translation](https://awesome-repositories.com/f/web-development/dynamic-content-resolution/url-route-mapping/dynamic-parameter-translation.md) — Translates URL parameters between navigation systems so a single screen handles multiple unique resource identifiers. ([source](https://solito.dev/guides/dynamic-route))
- [Image Loading Optimization](https://awesome-repositories.com/f/web-development/image-loading-optimization.md) — Generates optimized image URLs through a loader function and selects assets based on screen dimensions. ([source](https://solito.dev/usage/image))
- [Cross-Platform URL Rewriting](https://awesome-repositories.com/f/web-development/url-rewrite-rules/client-side-url-rewriters/cross-platform-url-rewriting.md) — Matches and replaces URL patterns to map a single URL to different platform-specific destinations. ([source](https://solito.dev/recipes/redirects))

### Graphics & Multimedia

- [Cross-Platform Asset Resolution](https://awesome-repositories.com/f/graphics-multimedia/cross-platform-asset-resolution.md) — Provides a system for selecting and optimizing images and vector graphics based on the host platform.
- [Cross-Platform Image Resolution](https://awesome-repositories.com/f/graphics-multimedia/cross-platform-image-resolution.md) — Provides a component layer that dynamically selects the most optimized image source based on the target platform.
- [Cross-Platform Renderers](https://awesome-repositories.com/f/graphics-multimedia/cross-platform-image-viewing/cross-platform-renderers.md) — Renders images that remain compatible between server-side rendered web pages and native mobile views. ([source](https://solito.dev/v4))