k9i-0 / supabase-flutter-quickstart Goto Github PK

View Code? Open in Web Editor NEW

Flutter implementation of the Quickstart Supabase User Management app.

Kotlin 0.71% Ruby 7.21% Swift 2.15% Objective-C 0.20% Dart 69.94% HTML 19.78%

supabase-flutter-quickstart's Introduction

Supabase Flutter User Management

This repo is a quick sample of how you can get started building apps using Flutter and Supabase. You can find a step by step guide of how to build out this app in the Quickstart: Flutter guide.

This repo will demonstrate how to:

sign users in with Supabase Auth using magic link
store and retrieve data with Supabase database
store image files in Supabase storage

Getting Started

Before running this app, you need to create a Supabase project and copy your credentials to main.dart.

You can run this app on iOS, Android or the Web.

To run this application, simply run the following for iOS or Android

flutter run

Or for web, run the following command to launch it on localhost:3000

flutter run -d web-server --web-hostname localhost --web-port 3000

Database Schema

-- Create a table for public "profiles"
create table profiles (
  id uuid references auth.users not null,
  updated_at timestamp with time zone,
  username text unique,
  avatar_url text,
  website text,

  primary key (id),
  unique(username),
  constraint username_length check (char_length(username) >= 3)
);

alter table profiles enable row level security;

create policy "Public profiles are viewable by everyone."
  on profiles for select
  using ( true );

create policy "Users can insert their own profile."
  on profiles for insert
  with check ( auth.uid() = id );

create policy "Users can update own profile."
  on profiles for update
  using ( auth.uid() = id );

-- Set up Realtime!
begin;
  drop publication if exists supabase_realtime;
  create publication supabase_realtime;
commit;
alter publication supabase_realtime add table profiles;

-- Set up Storage!
insert into storage.buckets (id, name)
values ('avatars', 'avatars');

create policy "Avatar images are publicly accessible."
  on storage.objects for select
  using ( bucket_id = 'avatars' );

create policy "Anyone can upload an avatar."
  on storage.objects for insert
  with check ( bucket_id = 'avatars' );

Recommend Projects