Files
Chris Chinchilla d8bd6b047c docs: Examples Key changes (#45170)
## I have read the
[CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md)
file.

YES

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **Documentation**
* Updated examples and guides to use Supabase publishable (client) keys
instead of anon keys for client-side usage across frameworks and
platforms.
* Renamed environment variable examples and .env templates to reflect
publishable key naming.
* Adjusted sample requests and client-init examples to send/use the
publishable key via the apikey header where applicable.
* Updated references from service_role to secret for server-side
credential guidance.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Co-authored-by: fadymak <fady@fadymak.com>
2026-05-04 12:58:16 +02:00
..

Resumable Uploads with Supabase Storage and Uppy

This example shows how to use signed urls from Supabase Storage with Uppy to upload files to Supabase Storage using the TUS protocol (signed resumable uploads).

This works by calling createSignedUploadUrl() to get a token for each file, and passing that token via the x-signature header when uploading the files

Running the example

  • Start local supabase project supabase start
  • Open the index.html file and set SUPABASE_PUBLISHABLE_KEY to the value output when starting the supabase cli
  • Serve the index.html file locally (e.g. with Python Simple HTTP Server or http-server npm package) and start uploading:
# python http server
python3 -m http.server

# npm http-server
npx http-server

How it works

In index.html the uppy.on('file-added') hook calls the create-upload-token function which creates a token for each added file and attaches it to that file's header config as x-signature.