supabase_storage_file_upload_with_typescript_client.ts

1import { createClient } from '@supabase/supabase-client'
2
3// Create a single supabase client for interacting with your database
4const supabase = createClient('https://xyzcompany.supabase.co', 'public-anon-key')
5
6/**
7 * Uploads a file to a Supabase Storage bucket.
8 * 
9 * @param file - The File object to upload (e.g., from an <input type="file">)
10 */
11async function uploadFile(file: File) {
12  const { data, error } = await supabase.storage
13    .from('avatars')
14    .upload('public/avatar1.png', file, {
15      cacheControl: '3600',
16      upsert: false
17    })
18
19  if (error) {
20    // Handle error
21    console.error('Error uploading file:', error.message)
22  } else {
23    // Handle success
24    console.log('File uploaded successfully:', data)
25  }
26}