Deploy Your Website

Get your website online with Cloudflare Pages in minutes

Prerequisites

✓Cloudflare account
✓Project configured and ready to deploy

Deployment Steps

Step 1: Login to Cloudflare

Authenticate with your Cloudflare account:

npx wrangler auth login

A browser window will open - sign in to your Cloudflare account.

Step 2: Configure Project Name

IMPORTANT: Change the project name in wrangler.jsonc to something unique:

"name": "code-vibe",

This name must be unique across all Cloudflare Pages. Use something like "my-website-2025" or your domain name.

Step 3: Deploy

Build and deploy your website to Cloudflare Pages:

npm run deploy

This command will build your website and deploy it. The final files will be in the out/ folder and uploaded to Cloudflare.

Common Deployment Issues

Authentication Failed

• Run npx wrangler auth login again
• Make sure you're signed into Cloudflare in your browser
• Check your internet connection

Project Name Already Exists

• Change the name in wrangler.jsonc to something more unique
• Add numbers or your name to make it unique
• Example: "my-awesome-site-2025"

Build Failed

• Make sure npm run build completes successfully
• Check for TypeScript errors
• Ensure all dependencies are installed

Success! Your Website is Live

✓Your website is now accessible worldwide
✓Fast loading with Cloudflare's CDN
✓Automatic HTTPS certificate
✓Free hosting with generous limits
✓Share your website URL with friends and family!