Handle file uploads in TypeScript apps with type-safe APIs and validation.
npx skills add https://github.com/mgd34msu/goodvibes-gemini --skill uploadthing
Please help me install this Agent Skill. Skill: uploadthing Source: https://github.com/mgd34msu/goodvibes-gemini/tree/main/skills/uploadthing Command: npx skills add https://github.com/mgd34msu/goodvibes-gemini --skill uploadthing
This Skill simplifies and secures the process of handling file uploads in TypeScript applications, particularly for Next.js and React projects, by providing a type-safe API and robust validation.
UploadButton and UploadDropzone components for quick integration.UTApi for managing files (uploading, deleting, listing) from the backend.Install the necessary packages by running npm install uploadthing @uploadthing/react in your project.
High-intent search queries and answers about installing and using this skill.
Type-safe file uploads in Next.js are handled by defining file routes with custom middleware that validate file types, sizes, and counts on both the client and server. This ensures invalid files are rejected before the upload completes.
Adding a file upload component to a React application is best done using pre-built UI elements like UploadButton and UploadDropzone. These components provide immediate integration with type-safe APIs and CDN delivery out of the box.
Server-side file management in TypeScript apps is supported through the UTApi backend interface. UTApi enables backend processes to upload, delete, and list files directly without requiring client-side interaction.
Processing files on the server after an upload finishes is possible by defining onUploadComplete callbacks within your file routes. These callbacks execute server-side logic immediately when a valid upload is completed.
Configuring a separate CDN for uploaded files in a React app is unnecessary because the service includes CDN delivery natively. Uploaded files are automatically distributed through the integrated CDN infrastructure.
Restricting image dimensions or file types for profile picture uploads is achieved by defining custom middleware within your file routes. This middleware inspects incoming files and enforces specific size and type restrictions before acceptance.
inkbox-aiIntegrate the Inkbox TypeScript SDK to manage identities, mailboxes, vaults, and contacts.
mk-knight23Build and run Python ETL pipelines for CSV, JSON, Parquet, and database sources.
jeffwweeeDevelop Next.js 14+ frontends with App Router, TypeScript, and React 18.
mauriciodelrioDesign cloud storage and CDN solutions with S3, presigned URLs, and CloudFront.