A Vue3 + Supabase + tailwind webapp where you can upload / delete / download files.
- Clone this repo
- Change the values in
lib/supabase.ts
to match your own settings, which can be found undersettings > API
in supabase. - Run
npm i && npm run serve
- In Supabase, go to
settings > Auth
and enable Google Oauth. Follow this tutorial to generate tokens and secrets. - Log in to Files by going to http://localhost:3000.
- Back in Supabase, go to the
Authentication
tab and copy yourUID
- Go to
storage
and create a new bucket calledfiles
. - Now click on
policies
and add a new policy. - Click
make from scratch
. Check all the operations. - Paste this in the box:
(
(bucket_id = 'files':: text)
AND (role() = 'authenticated':: text)
AND (uid() = 'your_uid_here':: uuid)
)
- Change
your_uid_here
to your account's UID you found in the previous step. - Upload a test file.
- Go back to Files, and you should see your test file.