CDN Integration

Integrate with CDN providers like CloudFront and Cloudflare for efficient asset delivery and cache management.

Basic CDN Integration

MoroJS provides built-in CDN integration middleware with support for CloudFront and Cloudflare.

CloudFront Integration

typescript

1import { cdn } from '@morojs/moro';
2
3// CloudFront integration
4app.use(cdn({
5  provider: 'cloudfront',
6  config: {
7    distributionId: 'E1234567890ABC',
8    region: 'us-east-1',
9    accessKeyId: process.env.AWS_ACCESS_KEY_ID,
10    secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY
11  },
12  pathPrefix: '/assets',
13  invalidateOnChange: true
14}));
15
16// Purge cache
17app.post('/api/deploy', async (req, res) => {
18  await req.cdn.purge(['/assets/*']);
19  return { success: true };
20});

Cloudflare Integration

typescript

1import { cdn } from '@morojs/moro';
2
3// Cloudflare integration
4app.use(cdn({
5  provider: 'cloudflare',
6  config: {
7    zoneId: process.env.CLOUDFLARE_ZONE_ID,
8    apiKey: process.env.CLOUDFLARE_API_KEY,
9    email: process.env.CLOUDFLARE_EMAIL
10  }
11}));
12
13// Purge cache
14app.post('/api/deploy', async (req, res) => {
15  await req.cdn.purge(['/assets/*', '/css/*', '/js/*']);
16  return { success: true };
17});

CDN Features

• Support for CloudFront and Cloudflare
• Automatic cache invalidation
• Manual cache purging
• Path prefix configuration
• Asset URL generation
• Cache management

Best Practices

Do

• Use CDN for static assets
• Purge cache on deployments
• Use versioned filenames
• Configure appropriate TTLs
• Monitor CDN performance
• Use path prefixes for organization

Don't

• Cache dynamic content
• Skip cache invalidation
• Use CDN for sensitive data
• Ignore CDN errors
• Set very short TTLs
• Purge entire cache unnecessarily