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 开发

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.

主要功能

Cross-platform support for S3, R2, Cloudinary, and local storage
Comprehensive error handling and configuration for large files
React integration patterns for previews and progress tracking
1 GitHub stars
Entity-level file attachments using media() schema fields
Programmatic uploads via MediaApi SDK and REST endpoints

使用场景

Building a user profile system with dynamic avatar uploads and previews
Implementing large file uploads with real-time progress indicators
Creating CMS-style media libraries with automated entity linking

关于

主要功能

Cross-platform support for S3, R2, Cloudinary, and local storage
Comprehensive error handling and configuration for large files
React integration patterns for previews and progress tracking
1 GitHub stars
Entity-level file attachments using media() schema fields
Programmatic uploads via MediaApi SDK and REST endpoints

使用场景

Building a user profile system with dynamic avatar uploads and previews
Implementing large file uploads with real-time progress indicators
Creating CMS-style media libraries with automated entity linking