Deploying Applications with Cloudflare Pages

Learn how to deploy static sites and full-stack applications using Cloudflare Pages.

Intermediate⏱️ 45 minutes📋 3 steps

Prerequisites

  • Basic web development knowledge
  • Git repository

Tags

pagesdeploymentreactnextjs

Progress

Step 1 of 3
1

Prepare Your Project

Set up a project ready for Cloudflare Pages deployment.

Instructions

  1. Create or use an existing static site project
  2. Ensure your project has a build command
  3. Push your code to a Git repository (GitHub, GitLab, etc.)
  4. Note your build output directory

Code Example

npm run build
# Output typically goes to: dist/, build/, or out/

Expected Output

Build artifacts in output directory

💡 Tips

  • Pages supports many frameworks: React, Vue, Angular, Next.js, etc.
Step 1 of 3