Chuyển đến nội dung

Mẫu Sự kiện

Merrily Party Invitation & RSVP App

An invite app for people who host: a poster for every event, one link guests reply to, a bring list, a shared album after the night and a pass checked at the door. It opens on sample events; connect Supabase to go live.

  • 35 màn hình
  • iOS & Android
  • Dữ liệu mẫu
  • Cập nhật 4 thg 11, 2026
  • Bản phát hành đã kiểm tra
  • 1 bản sao đã tạo

Sao chép miễn phí · Toàn bộ mã nguồn · Không cần thẻ

Màn hình

6 màn hình từ ứng dụng thực tế.

Có gì bên trong

  1. A poster for every invite: studio still lifes, three type styles on eight papers, your own photo or one made with AI
  2. Guests reply from one link in the app or on the web: going, maybe or can't go, plus-ones, a note and your questions
  3. A bring list where each guest signs up for what they bring, and two people can never claim the same dish
  4. A shared album after the night for the people who went, with report and block
  5. A pass with a QR code for every guest, scanned with the camera at the door
  6. Find a date: offer three days, guests vote, the host picks and everyone who voted hears it

Giới thiệu mẫu

Overview

A long supper table set outdoors at golden hour, waiting for its guests

Merrily is a complete party invitation app. A host makes an invite that looks like a poster, shares one link, and sees who is coming, who brings what and every photo after the night. Guests reply in a tap, in the app or from the link on the web, and nobody outside the invite can find the event.

Key features

  • Events: your next get-together as a poster card, and every invite waiting for your reply answered in place

    Events
  • The invite: poster, when and where, who's coming, the host's updates, comments, the bring list and the album

    The invite
  • Create: pick a photo or type poster, write the invite (or let AI draft it), set plus-ones, capacity and questions

    Create
  • Guests: replies, plus-ones, notes and answers for the host, and a nudge for the people who haven't replied

    Guests
  • Bring list: guests claim items one at a time, the host adds and edits them

    Bring list
  • Album: everyone who went adds photos to one place

    Album

Screens

35 screens: welcome, sign-in with an email code, your profile, Events, the invite as guest and host, the reply sheet, guests, bring list, updates and comments, message guests, find a date and offer dates, album and photo viewer, the pass, check-in, edit, share, the four steps of making an invite, the link landing page, Activity, Memories, You, reminders, blocked people, Merrily Pro, terms, privacy and about. Light and dark.

AI and backend

Live mode runs on Supabase: one migration with row level security on every table and server functions for the rules that matter (the address hidden until a reply, capacity and the waitlist, plus-one limits, one claim per item, check-in by pass code, reset links, deleting a person's data). Photos and posters live in private storage buckets. Four AI tasks run in one Edge Function with Gemini: write the invite, draft an update, suggest a bring list, and make a poster from a few words. A second function deletes an account on request.

Monetisation

Merrily Pro is a subscription through RevenueCat (monthly and yearly). Free hosts get three upcoming events and 40 guests each; Pro adds AI posters, questions for guests, check-in at the door and up to 300 guests. A price at the door is shown to guests and paid at the venue, not processed in the app.

Setup

The app opens on sample events with no setup. To go live, connect Supabase and run the migrations, deploy the two Edge Functions with your AI key, add your RevenueCat keys, and publish the web app so invite links open for guests without the app. The README walks through each step.

eventsinvitationsrsvpparty planningguest listpotluckphoto albumqr check-inaisupabasereact nativeexpo

Bạn nhận được

  • Toàn bộ mã nguồn — Expo và React Native bằng TypeScript, là một ứng dụng trong không gian làm việc của bạn.
  • Xem trước trực tiếp — thử mọi thay đổi ngay trên trình duyệt hoặc điện thoại.
  • Bản phát hành đã kiểm tra — biên dịch được và mọi màn hình mở không lỗi.
  • Trợ lý AI — đổi mọi thứ bằng chat; mỗi thay đổi dùng credit.
  • Bản dựng và tải lên cửa hàng — bản dựng iOS và Android, gửi lên App Store và Google Play từ Xuất bản.
  • Sao chép không tốn credit — bản thân việc sao chép không mất credit nào.

Được làm bằng phiên bản FluxNative hiện tại.

Bạn cần

  • Tài khoản FluxNative — gói Free chứa tối đa 2 ứng dụng.
  • Không cần backend để bắt đầu — chạy bằng dữ liệu mẫu cho đến khi bạn kết nối backend của mình.
  • Gói Creator trở lên — để dựng bản native và tải lên cửa hàng.
  • Tài khoản cửa hàng — Apple Developer Program (99 USD/năm) và Google Play (25 USD một lần), để xuất bản.

Mã nguồn có gì

màn hình
35
file trong bản sao
452
dòng code viết riêng cho ứng dụng
14,6 N
component giao diện có sẵn
142

Ngôn ngữ trong ứng dụng: Tiếng Anh và Tiếng Việt

Công nghệ

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.3
RevenueCat
10.9.1

Từ package.json của bản phát hành này.

Hệ thống thiết kế

Tiêu đề
Phông hệ thống
Nội dung
Phông hệ thống
  • Chế độ sáng và tối
  • Liquid Glass
  • Nút bo tròn
  • Thẻ nổi

Thiết lập sau khi sao chép

Bản sao của bạn mở cùng trợ lý AI đã xây nó. Làm các bước theo thứ tự: kết nối những gì từng bước yêu cầu trong Máy chủ, rồi gửi từng câu lệnh.

  1. Connect Supabase and run the migrations

    Server › Backend › Supabase: add your project, then apply supabase/migrations to create the events, replies, bring lists, albums and storage buckets.

    Câu lệnh cho AI

    Connect my Supabase project, apply every migration in supabase/migrations in order, and deploy the ai and delete-account Edge Functions.

  2. Add your AI key

    Server › API keys & secrets: GEMINI_API_KEY for the ai Edge Function (invite writing, update drafts, bring lists and posters).

    Câu lệnh cho AI

    Set GEMINI_API_KEY as a secret for the ai Edge Function and check that Write it for me works.

  3. Set up Merrily Pro

    Server › Monetization: your RevenueCat keys, a pro entitlement with a monthly and a yearly product, and the webhook to the revenuecat-webhook function.

    Câu lệnh cho AI

    Connect RevenueCat with my iOS and Android keys, create the pro entitlement with monthly and yearly products, and point the webhook at the revenuecat-webhook function.

  4. Publish the web app for invite links

    Publish › Web app, then set EXPO_PUBLIC_INVITE_BASE_URL to its address so a guest without the app opens the invite in the browser.

    Câu lệnh cho AI

    Publish the web version of this app and set EXPO_PUBLIC_INVITE_BASE_URL to its address.

Cách dùng mẫu này

  1. Dùng mẫu để có một bản sao chỉnh sửa được, kèm mã nguồn, trong không gian làm việc của bạn (Mẫu).
  2. Nhờ trợ lý AI thay đổi những gì bạn muốn, bằng lời thường (Làm việc với trợ lý).
  3. Xem thử từng thay đổi trong bản xem trước trực tiếp, hoặc trên điện thoại (Xem trước).
  4. Từ gói Creator trở lên, build cho iOS và Android rồi gửi lên các cửa hàng (Tổng quan phát hành).

Giấy phép và hỗ trợ

Giấy phép

Ứng dụng được tạo cho bạn là của bạn; mã của mẫu vẫn thuộc InspireUI và được cấp phép để dùng trong các ứng dụng của bạn (Điều khoản › Sở hữu trí tuệ của chúng tôi).

Trợ giúp

  • Hướng dẫn về template, trợ lý và xuất bản.
  • Liên hệ hỗ trợ từ Trợ giúp; thường phản hồi trong 1–2 ngày làm việc.
  • Trong bản sao của bạn, hỏi trợ lý AI về bất kỳ màn hình hay tệp nào.

Do FluxNative tạo

Chính sách hỗ trợ

Câu hỏi

Có miễn phí không?

Sao chép template miễn phí không mất gì, kể cả credit; template Premium mua một lần cho mỗi website. Đổi bằng chat và bản dựng dùng credit.

Tôi sở hữu gì?

Bạn sở hữu ứng dụng được tạo cho bạn. Mã của template vẫn thuộc InspireUI và được cấp phép dùng trong ứng dụng của bạn (Điều khoản › Quyền sở hữu trí tuệ của chúng tôi).

Tôi có cần biết code không?

Không. Nhờ trợ lý đổi bằng lời thường; có toàn bộ mã nguồn khi bạn cần.

Có kèm backend không?

Không. Ứng dụng đầy đủ nêu backend cần dùng và bạn kết nối backend của mình trong Máy chủ; bản thiết kế chạy bằng dữ liệu mẫu.

Tôi đổi được thiết kế không?

Được. Tab Thiết kế đặt màu thương hiệu, màu sắc, phông chữ và bo góc mà không tốn credit; trợ lý đổi phần còn lại.

Cần gói nào để xuất bản?

Gói Creator trở lên dựng và tải lên cửa hàng, bằng tài khoản Apple và Google của bạn. Ứng dụng từ template Premium dựng được ở mọi gói khi đã kết nối website.

Tôi tải được mã nguồn không?

Được, bằng Tải mã nguồn hoặc Đẩy lên GitHub, khi không gian làm việc của bạn đã mua gói, credit hoặc template trả phí. Ứng dụng từ template Premium cũng cần kết nối website.

Nếu nó được tạo bằng FluxNative cũ hơn thì sao?

Bản sao của bạn vẫn chạy bình thường. Nhờ trợ lý cập nhật để có tính năng mới như ngôn ngữ và tiền tệ của ứng dụng; đó là bước thiết lập cuối.

Sẵn sàng biến mẫu này thành ứng dụng của bạn?

Bắt đầu từ Merrily Party Invitation & RSVP App và thay đổi mọi thứ qua chat. Bản sao của bạn có đầy đủ mã nguồn.

Sao chép miễn phí. Không cần thẻ tín dụng.

Taking a little longer than usual…

Loading FluxNative