フード＆ドリンクのテンプレート

BiteRush Food Delivery App

A food-delivery app for a restaurant brand: customers browse the menu by course, build a cart, check out and follow their courier on a live map. The courier takes card or cash at the door; nothing is charged in the app.

40画面
iOS & Android
Supabase が必要
2026年11月4日更新
検証済みリリース
5件のコピー

無料でコピー · ソース全体 · クレジットカード不要

画面

実際に動作するアプリの6画面。

含まれる内容

Menu by course with photos, options, ratings and search
Cart with a free-delivery meter, tips and delivery address
Checkout with card or cash at the door, nothing charged in the app
Live order tracking with the courier on a map
Order history, reorder, reviews with photos and cancellation
Supabase accounts, orders and reviews, with sample data until connected

このテンプレートについて

Overview

BiteRush is a React Native food-delivery app for a restaurant or kitchen brand that delivers its own menu. Customers browse dishes by course, open a dish to pick options and add a note, build a cart, check out to a saved address and follow their courier on a live map.

It opens on sample data, so every screen works the moment you fork it: a menu of 21 dishes, an order on its way, past orders, two addresses and a cart a few dollars short of free delivery. Connect your Supabase project under Server and the same screens read your menu, orders and reviews.

Key features

Menu by course — Street food, noodles, plates, bakery and coffee, each dish with its own photo, rating, options and a quick add.
Dish pages — A full-bleed photo, portion and extras, a kitchen note and one bar with the quantity and the price.
Cart and checkout — A free-delivery meter, tip chips, the delivery address on a map and a review step before the order is placed.
Card or cash at the door — Customers choose how they settle with the courier; nothing is charged in the app, so there is no card form to secure.
Live tracking — The courier, the kitchen and the door on a map with an ETA and the order's four stages.
Orders and reviews — Active orders above a history by month, one-tap reorder, reviews with up to three photos and cancellation.
Account — Profile, saved addresses, card or cash choice, notification settings, password, help centre and a support chat.

Screens included

Welcome and account

Onboarding
Welcome
Log in
Create account
Choose a password
Reset password

Browse

Home
Menu
Category
Dish
Search
Filter
Popular right now
Picked for you
Offer
Saved

Order

Cart
Checkout
Review order
Order placed
Tracking
Orders
Order details
Leave a review
Cancel order

Account and help

Account
Edit profile
Addresses
Add or edit an address
Card or cash
Notifications
Notification settings
Password
Settings
Help centre
Contact us
About
Terms of use
Privacy policy

Built with

Framework — React Native and Expo SDK 57 on the FluxNative base 13 kernel: native iOS and Android, Liquid Glass chrome on iOS.
Backend — Supabase for accounts, menu, orders, tips, the card or cash choice and review photos; a migration ships in the supabase folder.
Sample mode — With no backend connected, every service answers from realistic sample data kept on the device.
Settling up — Card or cash on delivery; no card processor is connected and nothing is charged in the app.

Good fit for

Restaurants and kitchens delivering their own menu
Cafés and bakeries taking orders for delivery
Food brands replacing a menu website with a mobile ordering app

food deliveryreact nativeexposupabasemenuorderingcartauthentication

含まれるもの

ソース全体 — TypeScript の Expo と React Native。ワークスペース内のアプリとして届きます。
ライブプレビュー — 変更をブラウザやスマートフォンですぐ確認できます。
検証済みリリース — コンパイルでき、すべての画面がエラーなく開きます。
AI アシスタント — チャットで何でも変更できます。変更ごとにクレジットを使います。
ビルドとストアへのアップロード — iOS と Android のビルドを、公開から App Store と Google Play に送れます。
コピーにクレジット不要 — コピー自体は無料です。

最新バージョンの FluxNative で作られています。

必要なもの

FluxNative アカウント — Free プランはアプリを2つまで持てます。
独自の Supabase — あなたのデータ用です。それまではサンプルデータで動きます。
Creator 以上 — ネイティブビルドとストアへのアップロード用です。
ストアアカウント — 公開には Apple Developer Program（年額 99 米ドル）と Google Play（1回 25 米ドル）が必要です。

ソースに含まれるもの

画面: 40
ファイル（コピーに含まれる）: 395
行（このアプリのために書かれたコード）: 7,216
個の既製 UI コンポーネント: 142

アプリのテキスト: 英語、ベトナム語

技術スタック

Expo SDK: 57.0.22
React Native: 0.86.3
React: 19.2.8
TypeScript: 6.0.3
Expo Router: 57.0.21
Supabase JS: 2.112.0

このリリースの package.json より。

デザインシステム

見出し: Plus Jakarta Sans
本文: システムフォント

ライト・ダーク両対応
Liquid Glass
カプセル型ボタン
メディアカード

フォーク後のセットアップ

コピーは、それを作った AI アシスタントと一緒に開きます。手順を順に進めてください。手順が求めるものは Server で接続し、各プロンプトを送ります。

Connect your Supabase project
Add your Supabase project URL and access token under Server › Backend › Supabase first. Until then BiteRush runs on a sample menu and orders kept on the device.
AI へのプロンプト
Supabase is connected under Server. Create the tables this app reads (menu categories, products and their options, cart items, orders and order items, addresses, profiles, notifications and reviews) with row-level security so each customer sees only their own rows, add the delete_own_account function, apply the migration in supabase/migrations with its review-photos bucket, write the public values into .env, and check that the menu, cart, checkout and order tracking work on my project.
Load your menu
Prepare your menu with courses, dishes, options, prices and photos. Attach it as a spreadsheet and the photos to the message.
AI へのプロンプト
Use the attached menu and dish photos: load the courses, dishes, options and prices into my Supabase project with each dish's photo. Set the delivery fee to [your delivery fee], free delivery from [your free-delivery amount] and tax to [your tax rate].
Set your app icon
Make an AI logo or upload your own icon in App settings. The launcher icon, splash screen and store listing all use it.
AI へのプロンプト
I set a new app icon in App settings. Match the splash screen background and the Android icon background to its edge colour, so the icon sits on one continuous colour.
Write your copy and legal pages
Prepare your restaurant's wording, delivery area, support contact, privacy policy and terms. The app has its own Privacy and Terms screens with sample text to replace before you publish.
AI へのプロンプト
Replace the sample restaurant wording with mine: [your copy]. Say where you deliver: [your delivery area]. Put my privacy policy and terms into the app's Privacy and Terms screens: [your privacy policy and terms], and set the help and support contact to [your support email or phone].
Check and publish a build
Order a dish, follow it on the map, review it and reorder on a phone, then build for the stores from Publish.
AI へのプロンプト
Run a final check of every screen in light and dark mode: onboarding, sign-in, Home, menu and dishes, search and filters, cart, checkout, tracking, orders, reviews, addresses, settings and help. Fix anything broken or still showing template content, then get the app ready for a store build.

このテンプレートの使い方

テンプレートを使うと、ソースコード付きの編集できるコピーがワークスペースに作られます（テンプレート）。
変えたいことを AI アシスタントにふだんの言葉で頼みます（アシスタントと作業する）。
変更はライブプレビューやスマートフォンで確かめます（プレビュー）。
Creator 以上のプランで、iOS と Android 向けにビルドしてストアに提出します（公開の概要）。

ライセンスとサポート

ライセンス

あなたのために作られたアプリはあなたのものです。テンプレートのコードは InspireUI に帰属し、あなたのアプリで使うためにライセンスされます（利用規約 › 当社の知的財産）。

ヘルプ

テンプレート、アシスタント、公開のガイド。
ヘルプからサポートに問い合わせ。通常1〜2営業日以内に返信します。
コピーでは、どの画面やファイルでも AI アシスタントに聞けます。

FluxNative 制作

サポートポリシー

質問

無料ですか？

無料テンプレートのコピーはクレジットも含め無料です。Premium はウェブサイトごとに1回の購入です。チャットでの変更とビルドにはクレジットを使います。

何を所有しますか？

あなた向けに作られたアプリはあなたのものです。テンプレートのコードは InspireUI のもので、あなたのアプリで使うライセンスが付与されます（利用規約 › 当社の知的財産）。

コードの知識は必要ですか？

いいえ。普通の言葉でアシスタントに変更を頼めます。必要ならソース全体も使えます。

バックエンドは付属しますか？

いいえ。完全なアプリは必要なバックエンドを示し、サーバーで自分のものを接続します。デザインはサンプルデータで動きます。

デザインは変更できますか？

はい。デザインタブでブランドカラー、色、フォント、角をクレジットなしで設定できます。残りはアシスタントが変更します。

公開にはどのプランが必要ですか？

Creator 以上で、ご自身の Apple と Google のアカウントでビルドとストアへのアップロードができます。Premium テンプレートのアプリは、ウェブサイトを接続すればどのプランでもビルドできます。

ソースをダウンロードできますか？

はい。ワークスペースでプラン、クレジット、有料テンプレートのいずれかを購入済みなら、ソースをダウンロードまたは GitHub にプッシュできます。Premium テンプレートのアプリはウェブサイトの接続も必要です。

以前の FluxNative で作った場合は？

コピーはそのまま動きます。アプリの言語や通貨などの新機能に更新するにはアシスタントに頼んでください。最後のセットアップ手順です。

自分のアプリにしてみませんか？

BiteRush Food Delivery App から始めて、チャットで何でも変更できます。コピーには完全なソースコードが含まれます。

無料でコピー。クレジットカード不要。