handling-file-uploads
CommunitySecurely upload files with Next.js & Supabase
Authoralexejluft
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the process of building robust file upload functionality in Next.js applications, ensuring secure and efficient handling from client-side input to server-side storage.
Core Features & Use Cases
- Client-Side Validation: Implements checks for file size and type before upload.
- Server-Side Validation: Enforces strict validation on the API route for security.
- Supabase Storage Integration: Manages file storage and retrieval using Supabase.
- Progress Feedback: Provides visual feedback during the upload process.
- Image Optimization: Includes client-side resizing for better performance.
- Use Case: Implementing a user profile picture upload feature where users can select an image, see the upload progress, and have it securely stored in Supabase.
Quick Start
Use the handling-file-uploads skill to implement a secure file upload feature in your Next.js app.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: handling-file-uploads Download link: https://github.com/alexejluft/brudi/archive/main.zip#handling-file-uploads Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.