Skip to content

Repository files navigation

nextkit

Nextkit is a modern, cross-platform application framework designed with the philosophy that "The Web is the Application." It allows you to build a single codebase using web technologies and deploy it as a high-performance Web App, a Progressive Web App (PWA), and a Native Desktop/Mobile application.

Features

  • True Cross-Platform: Write once, deploy everywhere—Web, PWA, and Native (Windows, macOS, Linux, iOS, and Android).
  • Web-First Philosophy: Leverages the power of modern web standards to provide a seamless experience across all platforms.
  • Next.js Power: Built on the latest Next.js 15+ for optimized routing, rendering, and developer experience.
  • Native Performance: Uses Tauri 2.0 to provide native system access and small binary sizes with a Rust-based backend.
  • PWA Ready: Includes a built-in Service Worker architecture for offline capabilities and installation.

Tech Stack

Getting Started

Prerequisites

Web

Native (Optional)

curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
cargo install tauri-cli

Installation

npm install

Development Commands

Development scripts are managed via package.json.

CommandDescription
npm run devStarts the Vite dev server (port 4000), Service Worker watcher, and Debug Bridge.
npm run buildBuilds the static export of the site and minifies the Service Worker.
npm run startServes the production build locally (from the dist directory).
npm run tauri <cmd>Executes Tauri commands (e.g., npm run tauri dev or npm run tauri build).

Running Native App

To start the native application in development mode:

npm run tauri dev

To build the native application for production:

npm run tauri build

To start the native mobile application in development mode:

npm run tauri ios dev
npm run tauri android dev

To build the native mobile application for production:

npm run tauri ios build
npm run tauri android build

Project Structure

  • src/app/: Application UI entry points, HTML shells, and root App components.
  • src/blocks/: Business-facing React UI blocks composed from base components.
  • src/components/: Base reusable React components and UI infrastructure.
  • src/core/: Core domain logic and app-specific pure logic.
  • src/infra/: Infrastructure, platform adapters, shared types, and utility libraries.
  • src/sw/: Service Worker source code.
  • src-tauri/: Rust backend and native configuration.
  • public/: Static assets, including icons and the bundled sw.js.

Learn More

License

This project is licensed under the MIT License - see the LICENSE file for details.

Releases

Packages

Contributors

Languages