Supabase storage bucket using for File storage

[Yeasir0032]

Functionality to use supabase storage

Currently the project uses uploadthing for storing files. The new mechanism involves using supabase's storage system to store files. Steps to follow:

1. Read about supabase storage system.
2. Understand how supabase works in this project ( for example you can look into this code snippet page.tsx
3. Trace the references of upload thing.
   • It is used when server is created or edited
   • For file attachment in messaging
4. Replace the functionality from upload thing to supabase storage .
5. Make sure to remove uploadthing from package.json by uninstalling it.

[ArtiGaund]

Can do updating function to supabase storage ? Can You assign this issue to me?

[Yeasir0032]

Could you please provide steps how would you achieve this. @ArtiGaund

[ArtiGaund]

1) Initialize supabase client (/config/supabase.js) import { createClient } from "@supabase/supabase-js"

const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL const supabaseKey = process.env.NEXT_PUBLIC_SUPABASE_KEY; const supabase = createClient(supabaseUrl, supabaseKey);

export default supabase

2) Replacing uploads from uploadthings folder, Uploading with Supabase storage import { supabase } from "./config/supabase async function uploadFile(file){ const filePath=...${file.name} const {data,error} = await supabase.storage.from('bucket-name').upload(filePath) if(error) console.error("Error while uploading file", error)

return data

} 3) Replacing downloads from uploadthings folder, with supabase storage (same as uploads)

4) removing uploading things from package.json.

[codebreaker3008]

@Yeasir0032 can you assign this issue to me ??

[Yeasir0032]

@codebreaker3008 I have already assigned her. If she fails to do so then you will be assigned

[ArtiGaund]

@Yeasir0032 Is there any timeline to complete it?

[Yeasir0032]

This issue will not take more than 4 days. If you need some more time you can ask for it but if you become inactive then I have to give chance to others

[ArtiGaund]

I will do it try to complete it till tomorrow

[codebreaker3008]

@Yeasir0032 could you assign this to me too, accept the one which does it earlier

[ArtiGaund]

@Yeasir0032 Where are the tables of Supabase with their fields and their datatype?

[Yeasir0032]

Here is the schema visualizer

[growupanand]

I am working on the file preview component #19, How much time it can take for a new upload flow any idea?

[ArtiGaund]

You can assign this issue to someone. My setup is not working, and it is not good to hold an assignment if I am not able to work on it.

[Yeasir0032]

@codebreaker3008 Do you want to do it?

[codebreaker3008]

@Yeasir0032 yes but i am caught up in some personal issues, you could assign it to me but it will take some time

[Yeasir0032]

Hey @ArtiGaund , could you update your progress. Let's fix the error you are facing.

[ArtiGaund]

I will update in night bcz my laptop is updating now, it was freezing alot, so today I am updating it, may be it will resolve freezing issue.

[Yeasir0032]

How far have you reached? @ArtiGaund Did you setup supabase database (Postgres) on your own. If yes then please add your schema visualizer as I have done above. If no then we need to do that first. Following steps

• [ ] Create a storage bucket in supabase
• [ ] Creating a upload dropzone and uploading to storage bucket.

[ArtiGaund]

Created buckets in database done

[Yeasir0032]

Hey @ArtiGaund The documentation for table setup has been added. Do check Learn.md file.

[ArtiGaund]

Before upload file button was working, now its not working. Not able to upload image.