Supabase File Uploader

A simple file uploader built with Nuxt 4 and Tailwind CSS that allows uploading files to a Supabase storage bucket.
This is a small research & development (R&D) project to explore file uploads using Supabase and modern web technologies.

---

Screenshot

---

Features

• Drag & drop file upload UI
• File picker support
• Multiple file uploads with max size 5MB per file
• Shows uploaded image preview and public URL
• Lists previously uploaded files from Supabase storage

---

Technologies

• Nuxt 4
• Tailwind CSS
• Supabase Storage
• TypeScript support

---

Getting Started

Prerequisites

• Node.js 18+
• A Supabase project with storage bucket and API keys

Setup

1. Clone the repository:
   git clone https://github.com/YOUR_GITHUB_USERNAME/supabase-file-uploader.git
   cd supabase-file-uploader

2. Install dependencies:
   npm install
   # or
   yarn install

3. Create a .env file in the root with your Supabase credentials:
   SUPABASE_URL=https://your-project.supabase.co
   SUPABASE_ANON_KEY=your-anon-public-key

4. Run the development server:
   npm run dev
   # or
   yarn dev