Summary
- Adds comprehensive skill for integrating AWS S3 file uploads into Next.js applications
- Provides production-ready implementation using presigned URLs for secure, scalable uploads
- Includes complete documentation with reference guides for advanced use cases
What problem it solves
Developers frequently need to add file upload functionality to Next.js applications, but implementing secure S3 uploads with proper error handling, progress tracking, and TypeScript support requires significant expertise and time. This skill provides a complete, tested solution that works immediately.
Who uses this workflow
Next.js developers building applications that need:
- User profile picture uploads
- Document submission systems
- Media galleries
- Content management systems
- Any application requiring file storage in AWS S3 or S3-compatible services
Example of how it's used
Developer says: "Add file upload functionality to my Next.js app using AWS S3"
Claude uses the skill to:
- Guide through AWS S3 bucket setup with proper CORS configuration
- Create IAM user with minimal required permissions
- Generate TypeScript code for presigned URL generation
- Implement React hooks for upload with progress tracking
- Provide ready-to-use upload component
What's included
- Main SKILL.md (12KB) with complete step-by-step implementation
- Reference documentation for:
- Server Actions alternative implementation
- S3-compatible services (Cloudflare R2, MinIO, DigitalOcean Spaces)
- Multipart upload for large files (>5GB)
- Object deletion functionality
Test plan
@SARTHAK2511checks…add-nextjs-s3-upload → master6 files · +869 −0updated 2mo ago