Cloud Storage

1import { uploadFile, getStorageProvider } from "@/lib/storage/uploads";
2
3// Check which provider is being used
4const provider = getStorageProvider();
5
6
7// Upload a file
8const result = await uploadFile(file, {
9  folder: "avatars",           // Optional: organize by folder
10  organizationId: org.id,      // Optional: for access control
11  allowedTypes: ["image/jpeg", "image/png"], // Optional: restrict types
12  maxSize: 5 * 1024 * 1024,    // Optional: 5MB limit
13});
14
15if (result.success) {
16
17
18} else {
19
20}

1import { validateFile } from "@/lib/storage/uploads";
2
3// Validate file size and type
4const validation = validateFile(file, {
5  maxSize: 10 * 1024 * 1024, // 10MB
6  allowedTypes: [
7    "image/jpeg",
8    "image/png",
9    "image/webp",
10    "application/pdf",
11  ],
12});
13
14if (!validation.valid) {
15  // Handle validation errors
16  console.error(validation.error);
17  // "File too large. Maximum size is 10MB"
18  // "File type not allowed. Allowed: image/jpeg, image/png..."
19}

1// src/app/api/upload/route.ts
2
3import { auth } from "@/lib/auth";
4import { uploadFile } from "@/lib/storage/uploads";
5import { NextResponse } from "next/server";
6
7export async function POST(request: Request) {
8  const session = await auth();
9  if (!session?.user) {
10    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
11  }
12
13  // Get file from form data
14  const formData = await request.formData();
15  const file = formData.get("file") as File;
16
17  if (!file) {
18    return NextResponse.json({ error: "No file provided" }, { status: 400 });
19  }
20
21  // Upload to storage
22  const result = await uploadFile(file, {
23    folder: `users/${session.user.id}`,
24    allowedTypes: ["image/jpeg", "image/png"],
25    maxSize: 5 * 1024 * 1024, // 5MB
26  });
27
28  if (!result.success) {
29    return NextResponse.json({ error: result.error }, { status: 400 });
30  }
31
32  // Save URL to database if needed
33  await prisma.user.update({
34    where: { id: session.user.id },
35    data: { avatarUrl: result.url },
36  });
37
38  return NextResponse.json({
39    url: result.url,
40    message: "File uploaded successfully",
41  });
42}

1"use client";
2
3import { useState } from "react";
4import { Button } from "@/components/ui/button";
5
6export function FileUploader() {
7  const [uploading, setUploading] = useState(false);
8
9  const handleUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {
10    const file = e.target.files?.[0];
11    if (!file) return;
12
13    setUploading(true);
14
15    const formData = new FormData();
16    formData.append("file", file);
17
18    try {
19      const response = await fetch("/api/upload", {
20        method: "POST",
21        body: formData,
22      });
23
24      const data = await response.json();
25
26      if (!response.ok) {
27        alert(data.error);
28        return;
29      }
30
31      alert("Uploaded! URL: " + data.url);
32    } catch (_) {
33      alert("Upload failed");
34    } finally {
35      setUploading(false);
36    }
37  };
38
39  return (
40    <div>
41      <input
42        type="file"
43        onChange={handleUpload}
44        disabled={uploading}
45        accept="image/jpeg,image/png"
46      />
47      {uploading && <p>Uploading...</p>}
48    </div>
49  );
50}