# onejs/one

**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/onejs-one).**

4,475 stars · 125 forks · TypeScript · NOASSERTION

## Links

- GitHub: https://github.com/onejs/one
- Homepage: https://onestack.dev
- awesome-repositories: https://awesome-repositories.com/repository/onejs-one.md

## Topics

`local-first` `react` `react-native` `vite`

## Description

One is a full-stack, cross-platform React framework and multi-target rendering engine designed to build web and native applications from a single codebase. It utilizes a Vite-based build pipeline to manage shared components while providing a type-safe file-system router that automatically generates navigation definitions.

The framework distinguishes itself by supporting a hybrid rendering strategy, allowing individual routes to be configured as static sites, server-rendered pages, or single-page applications. It employs platform-specific logic resolution and a shared Vite plugin to coordinate compilation for both web and native target environments.

The system covers a broad set of capabilities including server-side data loaders, API route management, and middleware-based request interception. It provides tools for native device feature integration and bridge-based layouts for mobile navigation, alongside performance optimizations such as parallel static generation and asset preloading.

Applications can be deployed to production servers or serverless edge platforms including Vercel and Cloudflare.

## Tags

### Web Development

- [Full-Stack Web Development](https://awesome-repositories.com/f/web-development/backend-development/web-frameworks/full-stack-frameworks/full-stack-web-development.md) — Provides an integrated environment for building scalable server-side APIs and client-side interfaces in one codebase.
- [File-System Based Routing](https://awesome-repositories.com/f/web-development/dynamic-routing/file-system-based-routing.md) — Maps application URLs to the directory structure automatically to generate type-safe navigation links.
- [API Route Management](https://awesome-repositories.com/f/web-development/api-route-management.md) — Provides a system for creating server-side endpoints with integrated middleware for request interception. ([source](https://onestack.dev/docs/features))
- [React Full-Stack Frameworks](https://awesome-repositories.com/f/web-development/backend-development/web-frameworks/full-stack-frameworks/react-frameworks/react-full-stack-frameworks.md) — Provides a full-stack React framework with server-side rendering, file-based routing, and integrated backend functions.
- [Cross-Platform Development Frameworks](https://awesome-repositories.com/f/web-development/cross-platform-development-frameworks.md) — Offers a framework for building native desktop, mobile, and web applications from a single codebase.
- [Cross-Platform Frameworks](https://awesome-repositories.com/f/web-development/cross-platform-frameworks.md) — Enables developing for web and native targets from a single codebase using shared components and logic. ([source](https://onestack.dev))
- [URL Route Mapping](https://awesome-repositories.com/f/web-development/dynamic-content-resolution/url-route-mapping.md) — Automatically maps application files and folder structures to URL paths using static and dynamic segments. ([source](https://onestack.dev))
- [Platform-Specific Route Resolution](https://awesome-repositories.com/f/web-development/dynamic-routing/file-system-based-routing/platform-specific-route-resolution.md) — Serves different routes or page implementations based on the operating system using platform-specific file extensions. ([source](https://onestack.dev/docs/routing))
- [File-System Routing](https://awesome-repositories.com/f/web-development/file-system-routing.md) — Automatically maps directory structures to application navigation paths with integrated type safety.
- [On-Demand Server Rendering](https://awesome-repositories.com/f/web-development/on-demand-server-rendering.md) — Generates HTML and CSS on the server for each request to provide dynamic content and better SEO. ([source](https://onestack.dev/docs/render-modes))
- [Pre-Render Data Loaders](https://awesome-repositories.com/f/web-development/pre-render-data-loaders.md) — Provides route loaders that execute in parallel and deliver typed data to components before page rendering. ([source](https://onestack.dev))
- [Hybrid Rendering Strategies](https://awesome-repositories.com/f/web-development/rendering-mode-configurators/per-page-rendering-modes/hybrid-rendering-strategies.md) — Allows individual routes to be configured as static sites, server-rendered pages, or single-page applications.
- [Route-Based Data Loading](https://awesome-repositories.com/f/web-development/route-based-data-loading.md) — Loads required route data using typed functions before the page renders to the user. ([source](https://onestack.dev/))
- [Type-Safe Navigation Frameworks](https://awesome-repositories.com/f/web-development/routing-systems/routing/type-safe-navigation-frameworks.md) — Generates static TypeScript definitions for route parameters and data loaders to ensure navigation type safety. ([source](https://onestack.dev/docs/routing))
- [Server-Side Data Loaders](https://awesome-repositories.com/f/web-development/server-side-data-loaders.md) — Implements server-side data loaders to retrieve required information before page rendering. ([source](https://onestack.dev/docs/routing-loader))
- [Type-Safe Routing Systems](https://awesome-repositories.com/f/web-development/type-safe-routing-systems.md) — Implements a routing system with end-to-end type safety generated from the project folder structure.
- [Proactive Cache Preloaders](https://awesome-repositories.com/f/web-development/cache-restoration-analysis/cache-first-restoration-visits/proactive-cache-preloaders.md) — Proactively loads necessary scripts during initial visits and link hovers to ensure instant navigation. ([source](https://onestack.dev/docs/introduction))
- [Nested Layouts](https://awesome-repositories.com/f/web-development/file-system-routing/nested-layouts.md) — Wraps child routes in shared UI components using a file-system convention for nested layouts. ([source](https://onestack.dev/docs/routing))
- [Production Application Servers](https://awesome-repositories.com/f/web-development/production-application-servers.md) — Includes a built-in production server to serve the application in a live environment. ([source](https://onestack.dev/docs/introduction))
- [Request Interception Middlewares](https://awesome-repositories.com/f/web-development/request-interception-middlewares.md) — Runs custom logic before a request reaches its route to handle authentication, logging, and redirects. ([source](https://onestack.dev/docs/routing-middlewares))
- [Authorized Route Guarding](https://awesome-repositories.com/f/web-development/route-redirects/authorized-route-guarding.md) — Intercepts requests during data loading to redirect unauthorized users before sending page content to the client. ([source](https://onestack.dev/docs/routing-loader))
- [Route Grouping](https://awesome-repositories.com/f/web-development/routing-systems/routing/route-definition-strategies/route-grouping.md) — Clusters related routes into organizational folders that do not impact the final URL structure. ([source](https://onestack.dev/docs/routing))
- [Logic Stripping](https://awesome-repositories.com/f/web-development/server-side-data-loaders/logic-stripping.md) — Fetches data on the server and removes the execution logic from the client bundle to reduce payload size. ([source](https://onestack.dev/docs/introduction))
- [Parallel Generation](https://awesome-repositories.com/f/web-development/static-generation/parallel-generation.md) — Reduces build times by leveraging parallel worker threads to generate static HTML pages more quickly. ([source](https://onestack.dev/docs/features))

### Content Management & Publishing

- [Static Page Rendering](https://awesome-repositories.com/f/content-management-publishing/static-page-rendering.md) — Pre-renders HTML and CSS at build-time to enable fast delivery via CDN without server-side JavaScript. ([source](https://onestack.dev/docs/render-modes))
- [Parallel Static Generation](https://awesome-repositories.com/f/content-management-publishing/static-page-rendering/parallel-static-generation.md) — Uses parallel background processes to render static HTML pages at build time to reduce overall compilation time.

### Development Tools & Productivity

- [Platform-Specific Bundling](https://awesome-repositories.com/f/development-tools-productivity/platform-specific-bundling.md) — Bundles application code using high-performance tools or native-specific bundlers depending on the target platform. ([source](https://onestack.dev/))
- [Vite Build Pipelines](https://awesome-repositories.com/f/development-tools-productivity/vite-build-pipelines.md) — Utilizes a single Vite plugin to coordinate the compilation pipeline for both web and native targets.

### DevOps & Infrastructure

- [Platform-Specific Source Resolution](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-tooling/build-configuration-governance/platform-specific-source-resolution.md) — Resolves platform-specific source files during the build process using file extensions like .web.js and .native.js.
- [Serverless Deployment](https://awesome-repositories.com/f/devops-infrastructure/serverless-deployment.md) — Supports deploying applications to event-driven cloud environments such as Vercel and Cloudflare. ([source](https://onestack.dev/docs/status))
- [Edge Deployments](https://awesome-repositories.com/f/devops-infrastructure/worker-deployment-inspection/cloudflare-workers-deployments/edge-deployments.md) — Offers simplified configuration for deploying serverless functions to edge networks for low-latency execution. ([source](https://onestack.dev/docs/features))

### Graphics & Multimedia

- [Client Side Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/systems/dom-web-rendering-strategies/client-side-rendering.md) — Generates JavaScript for the browser to render dynamic interfaces entirely on the client side. ([source](https://onestack.dev/docs/render-modes))

### Mobile Development

- [Cross-Platform Application Development](https://awesome-repositories.com/f/mobile-development/cross-platform-application-development.md) — Enables building applications that run across web and native mobile operating systems from a single codebase.
- [React Native Applications](https://awesome-repositories.com/f/mobile-development/react-native-applications.md) — Facilitates the development of native mobile applications using a unified build process.
- [Native Layout Bridges](https://awesome-repositories.com/f/mobile-development/android-ecosystem/android-platform-integrations/native-platform-access/native-api-bridges/native-layout-bridges.md) — Communicates with native mobile navigation to implement platform-specific header and screen compositions.
- [Native Hardware Integrations](https://awesome-repositories.com/f/mobile-development/native-hardware-integrations.md) — Integrates platform-specific mobile device hardware and OS features into application workflows. ([source](https://onestack.dev/docs/status))
- [Native Mobile App Development](https://awesome-repositories.com/f/mobile-development/native-mobile-app-development.md) — Provides specialized development modes for creating high-performance native mobile applications. ([source](https://onestack.dev/docs/status))

### Software Engineering & Architecture

- [Hybrid Rendering Architectures](https://awesome-repositories.com/f/software-engineering-architecture/hybrid-rendering-architectures.md) — Supports a rendering architecture that allows SSR, SSG, and SPA configurations on a per-route basis.
- [Multi-Platform Build Pipelines](https://awesome-repositories.com/f/software-engineering-architecture/multi-platform-build-pipelines.md) — Streamlines the build process using a flexible pipeline that supports multiple targets for web and native platforms. ([source](https://onestack.dev))
- [Cross-Platform Data Integration](https://awesome-repositories.com/f/software-engineering-architecture/cross-platform-data-integration.md) — Loads data before rendering across web and native platforms using loaders that support caching and deduplication. ([source](https://onestack.dev/docs/features))
- [Edge Function Deployments](https://awesome-repositories.com/f/software-engineering-architecture/remote-function-invocation/browser-function-invocations/edge-function-deployments.md) — Supports deploying custom execution code to edge environments for low-latency request handling.
- [Request Context Management](https://awesome-repositories.com/f/software-engineering-architecture/request-context-management.md) — Passes parsed data and shared state through sequential middlewares into final route handlers. ([source](https://onestack.dev/docs/routing-middlewares))
- [Request Interception Middleware](https://awesome-repositories.com/f/software-engineering-architecture/request-interception-middleware.md) — Processes incoming requests through a sequential chain of handlers for authentication and context management.
- [Environment Guards](https://awesome-repositories.com/f/software-engineering-architecture/server-side-logic-frameworks/environment-guards.md) — Prevents modules from running in incorrect environments by limiting imports to specific server, client, native, or web targets. ([source](https://onestack.dev/docs/features))

### User Interface & Experience

- [Native Layout Builders](https://awesome-repositories.com/f/user-interface-experience/custom-ui-development-tools/native-layout-builders.md) — Implements native mobile layouts and header compositions through a bridge to native navigation systems. ([source](https://onestack.dev/docs/features))
- [Prefetching Navigations](https://awesome-repositories.com/f/user-interface-experience/navigation-routing/client-side-page-navigations/prefetching-navigations.md) — Caches static payloads and preloads likely next routes based on user mouse movement for seamless transitions. ([source](https://onestack.dev/docs/features))