Modern Asset Delivery

'use client'
import { Dropzone } from '@easycdn/react'

export default function MyPage() {
  return (
    <Dropzone
      publicKey={process.env.NEXT_PUBLIC_EASYCDN_PUBLIC_KEY}
      onUploadComplete={async ({ tempId, previewUrl }) => {
        const { asset } = await persistUpload(tempId)
      }}
    />
  )
}

'use server'
import { createClient } from '@easycdn/server'

export async function persistUpload(tempId: string) {
  const easyCDNServer = createClient({
    secretKey: process.env.EASYCDN_SECRET_KEY!
  })
  
  const { asset, preview } = await easyCDNServer.persist({ 
    tempAssetId: tempId 
  })

  return { asset, preview }
}

'use server'
import { createClient } from '@easycdn/server'

export async function uploadFile(filePath: string) {
  const easyCDNServer = createClient({
    secretKey: process.env.EASYCDN_SECRET_KEY!
  })
  
  const { asset, preview } = await easyCDNServer.upload(filePath)

  return { asset, preview }
}