Bandi

screenshot of Bandi
nextjs
react-native

React Native opinionated fullstack boilerplate with Expo-router, Tamagui, Recoil and Next.js supporting Android, iOS and Web based on turbo repo

Overview

Bandi is an impressive full-stack React Native boilerplate that leverages the powerful capabilities of Expo-router, Tamagui, Recoil, and Next.js. It stands out for its ability to support multiple platforms, including Android, iOS, and Web, making it an ideal solution for developers looking for a unified development experience. The integration of a turbo repo provides an efficient way to manage dependencies and organize code across these platforms.

This boilerplate is designed for developers who appreciate a structured and opinionated approach to app development. With features like state persistence and file system-based routing, Bandi enhances both the development and user experience, allowing for quick iterations and real-world application development.

Features

  • Multi-Platform Support: Seamlessly deploy applications on Android, iOS, and Web using Expo-driven technology.
  • Turbo Repo Integration: Benefit from improved dependency management and build performance across multiple apps within a single repository.
  • State Management: Utilize Recoil in conjunction with MMKV Storage for robust state persistence, making your app's data handling seamless.
  • File System Routing: Experience the convenience of native file system-based routing similar to Next.js, enhancing the organization of your app's structure.
  • Custom Development Client: Quickly create your own Expo development client for tailored mobile app experiences.
  • Integrated API Layer: Use Next.js route handlers as an effective API layer for your React Native applications, allowing easier communication between frontend and backend.
  • Virtualized Lists: Take advantage of FlashList for Native and Tanstack Virtual for Web, ensuring smooth performance with large datasets.
  • Dev Tools: Benefit from built-in configurations for ESLint and Prettier for streamlined code quality and consistency.
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Expo

An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.

turborepo
Turborepo

Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust.