Deploying Next.js Apps to Cloudflare Pages: Complete Guide

# Deploying Next.js Apps to Cloudflare Pages

Cloudflare Pages provides an excellent platform for deploying Next.js applications with global CDN, custom domains, and great performance.

## Prerequisites

- Next.js application ready for deployment
- Cloudflare account
- Wrangler CLI installed

## Deployment Steps

### 1. Configure for Static Export

Update your `next.config.js`:

```javascript
/** @type {import('next').NextConfig} */
const nextConfig = {
output: 'export',
trailingSlash: true,
images: {
unoptimized: true
}
}

module.exports = nextConfig
```

### 2. Build and Deploy

```bash
npm run build
npx wrangler pages deploy out
```

## Custom Domain Setup

1. Add your domain in Cloudflare Dashboard
2. Configure DNS settings
3. Update Pages project settings

## Performance Optimization

- Enable caching rules
- Use WebP images
- Implement proper headers

## Conclusion

Cloudflare Pages makes deployment simple and fast. Your Next.js app will be globally distributed in minutes!