How to Create a Public URL for a Supabase Storage File

1import { createClient } from '@supabase/supabase-js'
2
3const supabase = createClient(
4  process.env.NEXT_PUBLIC_SUPABASE_URL!,
5  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
6)
7
8// === Public bucket URLs ===
9
10// Get a permanent public URL (no auth required to access)
11function getPublicFileUrl(bucket: string, path: string): string {
12  const { data } = supabase.storage.from(bucket).getPublicUrl(path)
13  return data.publicUrl
14}
15
16// Get a public URL with image transformation
17function getPublicThumbnail(bucket: string, path: string): string {
18  const { data } = supabase.storage.from(bucket).getPublicUrl(path, {
19    transform: { width: 200, height: 200, resize: 'cover', quality: 75 },
20  })
21  return data.publicUrl
22}
23
24// === Private bucket URLs ===
25
26// Get a temporary signed URL (expires after specified seconds)
27async function getSignedFileUrl(
28  bucket: string,
29  path: string,
30  expiresIn: number = 3600
31): Promise<string | null> {
32  const { data, error } = await supabase.storage
33    .from(bucket)
34    .createSignedUrl(path, expiresIn)
35
36  if (error) {
37    console.error('Signed URL error:', error.message)
38    return null
39  }
40  return data.signedUrl
41}
42
43// Get multiple signed URLs in one call
44async function getSignedUrls(
45  bucket: string,
46  paths: string[],
47  expiresIn: number = 3600
48): Promise<{ path: string; signedUrl: string }[] | null> {
49  const { data, error } = await supabase.storage
50    .from(bucket)
51    .createSignedUrls(paths, expiresIn)
52
53  if (error) {
54    console.error('Batch signed URL error:', error.message)
55    return null
56  }
57  return data
58}
59
60// === Usage examples ===
61
62const publicUrl = getPublicFileUrl('public-assets', 'logos/logo.svg')
63console.log('Public URL:', publicUrl)
64
65const thumbnail = getPublicThumbnail('public-assets', 'photos/hero.jpg')
66console.log('Thumbnail URL:', thumbnail)
67
68const signedUrl = await getSignedFileUrl('private-docs', 'invoices/inv-001.pdf')
69console.log('Signed URL:', signedUrl)