Adding powerful content delivery capabilities to your application has never been easier. Follow our simple integration steps to get started with easyCDN today.
Read the DocsAdd easyCDN to your project with a single command
npm install @easycdn/react @easycdn/serverDrop files directly in your React components
'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)
}}
/>
)
}Persist uploaded files with server-side validation
'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 }
}Upload files directly from your server
'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 }
}Your Public and Secret Keys are accessible in the Developers section of your dashboard. Keep your Secret Key secure and never expose it in client-side code.