How do I fix CORS errors with S3 uploads?

The skill includes a guide on configuring CORS rules on your storage bucket provider (like AWS or Cloudflare) to allow requests from your application's domain.

Can I attach files directly to database records?

Yes, the skill demonstrates how to use the 'media()' field in your schema and the 'uploadToEntity' method to link files to specific records.

How do I handle large file uploads in Bknd?

This skill provides code patterns for XHR progress tracking and instructions for increasing the 'body_max_size' in your Bknd configuration.

What is the Bknd File Upload skill?

It is a specialized Claude Code skill designed to help developers implement file storage and management using the Bknd.io backend framework.

Does this skill support React components?

Yes, it includes ready-to-use React examples for simple file inputs, image previews with URL.createObjectURL, and progress-aware uploaders.

Bknd File Upload

Name: Bknd File Upload
Author: cameronapak

bycameronapak

•

API Development

Streamlines file storage and media management for Bknd.io applications using SDKs, REST APIs, and React integrations.

This skill provides comprehensive guidance for managing file uploads and media storage within the Bknd.io ecosystem. It covers a wide range of implementation patterns, including basic SDK method calls, RESTful endpoint interactions, and advanced React-based frontend integrations featuring image previews and real-time progress tracking via XHR. Users can learn how to define media fields in schemas, attach files directly to database entities, and troubleshoot common issues like CORS, authentication headers, and file size limits across various storage adapters like S3, R2, and Cloudinary.

Key Features

01Cross-platform support for S3, R2, Cloudinary, and local storage

02Comprehensive error handling and configuration for large files

03React integration patterns for previews and progress tracking

041 GitHub stars

05Entity-level file attachments using media() schema fields

06Programmatic uploads via MediaApi SDK and REST endpoints

Use Cases

01Building a user profile system with dynamic avatar uploads and previews

02Implementing large file uploads with real-time progress indicators

03Creating CMS-style media libraries with automated entity linking

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cameronapak/bknd-skills bknd-file-upload

For use in Claude.ai and ChatGPT

Download Skill