add-storage

Integrate Cloudflare R2 object storage into Next.js projects for file uploads.

34|6|Updated Jun 30, 2026
One-click install
npx skills add https://github.com/flavien-ia/hypervibe-harness --skill add-storage
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-storage
Source: https://github.com/flavien-ia/hypervibe-harness/tree/main/skills/add-storage
Command: npx skills add https://github.com/flavien-ia/hypervibe-harness --skill add-storage

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @aws-sdk/client-s3, @aws-sdk/s3-request-presigner, and includes scripts (resource) components.

What problem does it solve?

This skill removes the complexity of setting up and securing file storage, ensuring your application can handle user uploads like profile photos or private documents without managing infrastructure.

Core Features & Use Cases

  • Automated R2 Setup: Provisions Cloudflare R2 buckets in strict EU jurisdiction for GDPR compliance.
  • Flexible Access Control: Automatically configures public buckets for media or private buckets with signed URLs for sensitive data.
  • Use Case: Quickly add a secure document portal to your SaaS where users can upload and download their own invoices or contracts.

Quick Start

Use the add-storage skill to configure file storage for my project and build the necessary upload interface.

Frequently Asked Questions about add-storage

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add Cloudflare R2 storage to a Next.js app for file uploads?

To add Cloudflare R2 storage to a Next.js app, you can use an automated setup that provisions buckets and configures upload interfaces using the AWS SDK for S3-compatible operations.

Does Cloudflare R2 support signed URLs for private documents in a SaaS application?

Cloudflare R2 supports signed URLs for private documents by leveraging the AWS SDK S3-request-presigner, allowing secure access control for sensitive user data like invoices or contracts.

How can I ensure GDPR compliance when setting up object storage for user uploads?

To ensure GDPR compliance when setting up object storage, you can provision Cloudflare R2 buckets in strict EU jurisdictions, automatically enforcing regional data residency for user uploads.

What's the best way to manage public assets and private files in Next.js?

The best way to manage public assets and private files in Next.js is by configuring separate R2 buckets, using public access for media and signed URLs for protected content.

Do I need Wrangler CLI to provision R2 buckets for a T3 application?

You need Wrangler CLI to provision R2 buckets for a T3 application because it handles the automated infrastructure setup required for secure, S3-compatible data management.

Can I use AWS SDK to handle S3-compatible operations with Cloudflare R2?

You can use the AWS SDK to handle S3-compatible operations with Cloudflare R2, utilizing specific clients for standard uploads and presigned URL generation to manage access.