From 98adf684c0da90668765994fdafc6c9b04b814f0 Mon Sep 17 00:00:00 2001 From: kodster28 Date: Mon, 17 Mar 2025 13:09:05 -0500 Subject: [PATCH 1/4] [Pages] Update UI instructions --- .../framework-guides/deploy-a-brunch-site.mdx | 6 +----- .../deploy-a-docusaurus-site.mdx | 7 ++++--- .../framework-guides/deploy-a-gatsby-site.mdx | 6 +----- .../deploy-a-gridsome-site.mdx | 7 ++++--- .../framework-guides/deploy-a-hexo-site.mdx | 6 +----- .../framework-guides/deploy-a-hono-site.mdx | 12 ++++++----- .../framework-guides/deploy-a-hugo-site.mdx | 6 +----- .../framework-guides/deploy-a-jekyll-site.mdx | 6 +----- .../framework-guides/deploy-a-nuxt-site.mdx | 13 ++++++------ .../deploy-a-pelican-site.mdx | 6 +----- .../framework-guides/deploy-a-preact-site.mdx | 9 +-------- .../framework-guides/deploy-a-qwik-site.mdx | 4 +--- .../framework-guides/deploy-a-remix-site.mdx | 4 +--- .../deploy-a-solid-start-site.mdx | 4 +--- .../framework-guides/deploy-a-sphinx-site.mdx | 6 +----- .../deploy-a-svelte-kit-site.mdx | 7 +------ .../deploy-a-vitepress-site.mdx | 6 +----- .../framework-guides/deploy-a-vue-site.mdx | 4 +--- .../framework-guides/deploy-a-zola-site.mdx | 6 +----- .../deploy-an-analog-site.mdx | 7 +------ .../deploy-an-angular-site.mdx | 7 +------ .../framework-guides/deploy-an-astro-site.mdx | 20 +++++++++++-------- .../deploy-an-elderjs-site.mdx | 12 ++++------- .../deploy-an-eleventy-site.mdx | 9 ++++----- .../deploy-an-emberjs-site.mdx | 9 ++++----- .../deploy-an-mkdocs-site.mdx | 6 +----- .../framework-guides/deploy-anything.mdx | 13 ++---------- .../nextjs/deploy-a-static-nextjs-site.mdx | 9 ++++----- .../pages/deploy-to-pages-steps-no-preset.mdx | 12 +++++++++++ .../deploy-to-pages-steps-with-preset.mdx | 13 ++++++++++++ 30 files changed, 94 insertions(+), 148 deletions(-) create mode 100644 src/content/partials/pages/deploy-to-pages-steps-no-preset.mdx create mode 100644 src/content/partials/pages/deploy-to-pages-steps-with-preset.mdx diff --git a/src/content/docs/pages/framework-guides/deploy-a-brunch-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-brunch-site.mdx index 92dd62b5c1f6fd4..271f46cda05e9c7 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-brunch-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-brunch-site.mdx @@ -29,11 +29,7 @@ brunch new proj -s es6 ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, select _Brunch_ as your **Framework preset**. Your selection will provide the following information. + diff --git a/src/content/docs/pages/framework-guides/deploy-a-docusaurus-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-docusaurus-site.mdx index 6817163c1f8be85..6380601fd4f5eb4 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-docusaurus-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-docusaurus-site.mdx @@ -31,9 +31,10 @@ To use `create-cloudflare` to create a new Docusaurus project, run the following ### Deploy via the Cloudflare dashboard -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, select _Docusaurus_ as your **Framework preset**. Your selection will provide the following information. + diff --git a/src/content/docs/pages/framework-guides/deploy-a-gatsby-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-gatsby-site.mdx index 4810899f3ce9153..08fd1c34b47839c 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-gatsby-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-gatsby-site.mdx @@ -29,11 +29,7 @@ npx gatsby new my-gatsby-site https://github.com/alxshelepenok/gatsby-starter-lu ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: + diff --git a/src/content/docs/pages/framework-guides/deploy-a-gridsome-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-gridsome-site.mdx index 4b589fc42f70f63..33695ea2811bd7c 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-gridsome-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-gridsome-site.mdx @@ -31,9 +31,10 @@ npx gridsome create my-gridsome-website To deploy your site to Pages: -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, the following information will be provided: + diff --git a/src/content/docs/pages/framework-guides/deploy-a-hexo-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-hexo-site.mdx index b80ef5762e46144..8f8755426ccd953 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-hexo-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-hexo-site.mdx @@ -52,11 +52,7 @@ Inside of `hello-hexo.md`, use Markdown to write the content of the article. You ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: +
diff --git a/src/content/docs/pages/framework-guides/deploy-a-hono-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-hono-site.mdx index d4e42df389bd42f..a080c5694dab04e 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-hono-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-hono-site.mdx @@ -12,7 +12,7 @@ import { TabItem, Tabs, PackageManagers, - Stream, + Stream, } from "~/components"; [Hono](https://honojs.dev/) is a small, simple, and ultrafast web framework for Cloudflare Pages and Workers, Deno, and Bun. Learn more about the creation of Hono by [watching an interview](#creator-interview) with its creator, [Yusuke Wada](https://yusu.ke/). @@ -116,9 +116,7 @@ You should be able to review your generated web application at `http://localhost ### Deploy via the Cloudflare dashboard -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: +
@@ -161,4 +159,8 @@ For demo applications using Hono and Cloudflare Pages, refer to the following re ### Creator Interview - \ No newline at end of file + diff --git a/src/content/docs/pages/framework-guides/deploy-a-hugo-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-hugo-site.mdx index 845d7bbb6074303..c85f68b1879aeb8 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-hugo-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-hugo-site.mdx @@ -91,11 +91,7 @@ Inside of `hello-world.md`, add some initial content to create your post. Remove ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: + diff --git a/src/content/docs/pages/framework-guides/deploy-a-jekyll-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-jekyll-site.mdx index 083a947ce7887bd..bbcf5743dfd0549 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-jekyll-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-jekyll-site.mdx @@ -62,11 +62,7 @@ If you are migrating an existing Jekyll project to Pages, confirm that your `Gem ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: + diff --git a/src/content/docs/pages/framework-guides/deploy-a-nuxt-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-nuxt-site.mdx index a2dac7ec2378149..9bc44e0c203ddeb 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-nuxt-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-nuxt-site.mdx @@ -22,7 +22,11 @@ In this guide, you will create a new Nuxt application and deploy it using Cloudf ### Video Tutorial - + ## Create a new project using the `create-cloudflare` CLI (C3) @@ -74,12 +78,7 @@ git push -u origin main ### Create a Pages project -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. Go to **Workers & Pages** > **Create application** > **Pages** > **Connect to Git** and create a new Pages project. - -You will be asked to authorize access to your GitHub account if you have not already done so. Cloudflare needs this so that it can monitor and deploy your projects from the source. You may narrow access to specific repositories if you prefer; however, you will have to manually update this list [within your GitHub settings](https://github.com/settings/installations) when you want to add more repositories to Cloudflare Pages. - -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: + diff --git a/src/content/docs/pages/framework-guides/deploy-a-pelican-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-pelican-site.mdx index a66b70e2733837a..29eb7dd288221e1 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-pelican-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-pelican-site.mdx @@ -35,11 +35,7 @@ This is the directory name that you will set in the build command. ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, select _Pelican_ as your **Framework preset**. Your selection will provide the following information. The build command `pelican content` refers to the `content` folder you made earlier in this guide. + diff --git a/src/content/docs/pages/framework-guides/deploy-a-preact-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-preact-site.mdx index ed2208106b890bf..2f6da012b8530fb 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-preact-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-preact-site.mdx @@ -31,14 +31,7 @@ During initialization, you can accept the `Prerender app (SSG)?` option to have ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. - -You will be asked to authorize access to your GitHub account if you have not already done so. Cloudflare needs this so that it can monitor and deploy your projects from the source. You may narrow access to specific repositories if you prefer; however, you will have to manually update this list [within your GitHub settings](https://github.com/settings/installations) when you want to add more repositories to Cloudflare Pages. - -Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: +
diff --git a/src/content/docs/pages/framework-guides/deploy-a-qwik-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-qwik-site.mdx index 6f88615e4ea0056..ded0f1d7b8ae6bd 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-qwik-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-qwik-site.mdx @@ -41,9 +41,7 @@ npm start ### Deploy via the Cloudflare dashboard -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: + diff --git a/src/content/docs/pages/framework-guides/deploy-a-remix-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-remix-site.mdx index 778c1c208614372..59bb6f59b8aa72d 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-remix-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-remix-site.mdx @@ -54,9 +54,7 @@ npm run dev ### Deploy via the Cloudflare dashboard -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: + diff --git a/src/content/docs/pages/framework-guides/deploy-a-solid-start-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-solid-start-site.mdx index 2f611539af95614..050e41657c2359a 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-solid-start-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-solid-start-site.mdx @@ -61,9 +61,7 @@ export default defineConfig({ ### Deploy via the Cloudflare dashboard -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in **Set up builds and deployments**, provide the following information: +
diff --git a/src/content/docs/pages/framework-guides/deploy-a-sphinx-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-sphinx-site.mdx index 52c19e14e178670..a40430c49e8e6d3 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-sphinx-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-sphinx-site.mdx @@ -223,11 +223,7 @@ git push -u origin main ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: +
diff --git a/src/content/docs/pages/framework-guides/deploy-a-svelte-kit-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-svelte-kit-site.mdx index 0a9d76bd5f31621..ed6363442cc1169 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-svelte-kit-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-svelte-kit-site.mdx @@ -119,12 +119,7 @@ If you are using any adapter different from the default SvelteKit adapter, remem ### Deploy via the Cloudflare dashboard -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. - -You will be asked to authorize access to your GitHub account if you have not already done so. Cloudflare needs this authorization to deploy your projects from your GitHub account. You may narrow Cloudflare's access to specific repositories. However, you will have to manually update this list [within your GitHub settings](https://github.com/settings/installations) when you want to add more repositories to Cloudflare Pages. - -Select the new GitHub repository that you created and, in **Set up builds and deployments**, provide the following information: +
diff --git a/src/content/docs/pages/framework-guides/deploy-a-vitepress-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-vitepress-site.mdx index 10967dd7973e24e..0b75f4ea35aee92 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-vitepress-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-vitepress-site.mdx @@ -92,11 +92,7 @@ This step makes sure that unnecessary files are not going to be included in the ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, the following information will be provided: + diff --git a/src/content/docs/pages/framework-guides/deploy-a-vue-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-vue-site.mdx index b7508d284b0db38..7ab92d70910973c 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-vue-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-vue-site.mdx @@ -31,9 +31,7 @@ To use `create-cloudflare` to create a new Vue project, run the following comman ### Deploy via the Cloudflare dashboard -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: +
diff --git a/src/content/docs/pages/framework-guides/deploy-a-zola-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-zola-site.mdx index 3e4dc33b4076d1d..8420b63aece34e2 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-zola-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-zola-site.mdx @@ -76,11 +76,7 @@ Upon running `zola init`, you will prompted with three questions: ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: + diff --git a/src/content/docs/pages/framework-guides/deploy-an-analog-site.mdx b/src/content/docs/pages/framework-guides/deploy-an-analog-site.mdx index 25fc4ed68644297..c6b6e09f75f06c7 100644 --- a/src/content/docs/pages/framework-guides/deploy-an-analog-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-an-analog-site.mdx @@ -144,12 +144,7 @@ git push -u origin main ### Create a Pages project -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. Go to **Workers & Pages** > **Create application** > **Pages** > **Connect to Git** and create a new Pages project. - -You will be asked to authorize access to your GitHub account if you have not already done so. Cloudflare needs this so that it can monitor and deploy your projects from the source. You may narrow access to specific repositories if you prefer; however, you will have to manually update this list [within your GitHub settings](https://github.com/settings/installations) when you want to add more repositories to Cloudflare Pages. - -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: + diff --git a/src/content/docs/pages/framework-guides/deploy-an-angular-site.mdx b/src/content/docs/pages/framework-guides/deploy-an-angular-site.mdx index 7a4569156bbc9a2..9ba9f43070e6c71 100644 --- a/src/content/docs/pages/framework-guides/deploy-an-angular-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-an-angular-site.mdx @@ -49,12 +49,7 @@ git push -u origin main ### Create a Pages project -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. Go to **Workers & Pages** > **Create application** > **Pages** > **Connect to Git** and create a new Pages project. - -You will be asked to authorize access to your GitHub account if you have not already done so. Cloudflare needs this so that it can monitor and deploy your projects from the source. You may narrow access to specific repositories if you prefer; however, you will have to manually update this list [within your GitHub settings](https://github.com/settings/installations) when you want to add more repositories to Cloudflare Pages. - -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: + diff --git a/src/content/docs/pages/framework-guides/deploy-an-astro-site.mdx b/src/content/docs/pages/framework-guides/deploy-an-astro-site.mdx index d7c1168aaaa3dfc..cd5f6eb0101734d 100644 --- a/src/content/docs/pages/framework-guides/deploy-an-astro-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-an-astro-site.mdx @@ -3,7 +3,12 @@ pcx_content_type: how-to title: Astro --- -import { PagesBuildPreset, Render, PackageManagers, Stream } from "~/components"; +import { + PagesBuildPreset, + Render, + PackageManagers, + Stream, +} from "~/components"; [Astro](https://astro.build) is an all-in-one web framework for building fast, content-focused websites. By default, Astro builds websites that have zero JavaScript runtime code. @@ -13,7 +18,11 @@ In this guide, you will create a new Astro application and deploy it using Cloud ### Video Tutorial - + ## Set up a new project @@ -55,12 +64,7 @@ npm run astro add cloudflare ### Deploy via the Cloudflare dashboard -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. - -You will be asked to authorize access to your GitHub account if you have not already done so. Cloudflare needs this so that it can monitor and deploy your projects from the source. You may narrow access to specific repositories if you prefer; however, you will have to manually update this list [within your GitHub settings](https://github.com/settings/installations) when you want to add more repositories to Cloudflare Pages. - -Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: +
diff --git a/src/content/docs/pages/framework-guides/deploy-an-elderjs-site.mdx b/src/content/docs/pages/framework-guides/deploy-an-elderjs-site.mdx index 3d18cee45911ebd..8d573a75021ee62 100644 --- a/src/content/docs/pages/framework-guides/deploy-an-elderjs-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-an-elderjs-site.mdx @@ -26,14 +26,10 @@ The Elder.js template includes a number of pages and examples showing how to bui ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. - -You will be asked to authorize access to your GitHub account if you have not already done so. Cloudflare needs this so that it can monitor and deploy your projects from the source. You may narrow access to specific repositories if you prefer; however, you will have to manually update this list [within your GitHub settings](https://github.com/settings/installations) when you want to add more repositories to Cloudflare Pages. - -Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: + diff --git a/src/content/docs/pages/framework-guides/deploy-an-eleventy-site.mdx b/src/content/docs/pages/framework-guides/deploy-an-eleventy-site.mdx index da20b0c4f1abc22..5244c9227c668a9 100644 --- a/src/content/docs/pages/framework-guides/deploy-an-eleventy-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-an-eleventy-site.mdx @@ -39,11 +39,10 @@ git push -u origin main ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, select _Eleventy_ as your **Framework preset**. Your selection will provide the following information: + diff --git a/src/content/docs/pages/framework-guides/deploy-an-emberjs-site.mdx b/src/content/docs/pages/framework-guides/deploy-an-emberjs-site.mdx index 7eb8e3933ab7cee..eb1cedfc8014023 100644 --- a/src/content/docs/pages/framework-guides/deploy-an-emberjs-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-an-emberjs-site.mdx @@ -36,11 +36,10 @@ npm start ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, select _Ember_ as your **Framework preset**. Your selection will provide the following information: + diff --git a/src/content/docs/pages/framework-guides/deploy-an-mkdocs-site.mdx b/src/content/docs/pages/framework-guides/deploy-an-mkdocs-site.mdx index 232e9fe28885642..36744cb08bbbaee 100644 --- a/src/content/docs/pages/framework-guides/deploy-an-mkdocs-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-an-mkdocs-site.mdx @@ -37,11 +37,7 @@ You have successfully created a GitHub repository and pushed your MkDocs project ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, select _MkDocs_ as your **Framework preset**. Your selection will provide the following information: + diff --git a/src/content/docs/pages/framework-guides/deploy-anything.mdx b/src/content/docs/pages/framework-guides/deploy-anything.mdx index b11efe58e6bff5c..628610031fd58e0 100644 --- a/src/content/docs/pages/framework-guides/deploy-anything.mdx +++ b/src/content/docs/pages/framework-guides/deploy-anything.mdx @@ -1,10 +1,9 @@ --- pcx_content_type: how-to title: Static HTML - --- -import { Details, Render } from "~/components" +import { Details, Render } from "~/components"; Cloudflare supports deploying any static HTML website to Cloudflare Pages. If you manage your website without using a framework or static site generator, or if your framework is not listed in [Framework guides](/pages/framework-guides/), you can still deploy it using this guide. @@ -14,11 +13,7 @@ Cloudflare supports deploying any static HTML website to Cloudflare Pages. If yo ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: +
@@ -36,20 +31,16 @@ After configuring your site, you can begin your first deploy. Your custom build :::note - For the complete guide to deploying your first site to Cloudflare Pages, refer to the [Get started guide](/pages/get-started/). - ::: After you have deployed your site, you will receive a unique subdomain for your project on `*.pages.dev`. Cloudflare Pages will automatically rebuild your project and deploy it. You will also get access to [preview deployments](/pages/configuration/preview-deployments/) on new pull requests, so you can preview how changes look to your site before deploying them to production. -
If you are getting `404` errors when visiting your `*.pages.dev` domain, make sure your website has a top-level file for `index.html`. This `index.html` is what Pages will serve on your apex with no page specified. -
diff --git a/src/content/docs/pages/framework-guides/nextjs/deploy-a-static-nextjs-site.mdx b/src/content/docs/pages/framework-guides/nextjs/deploy-a-static-nextjs-site.mdx index 745d997be8bf3c5..88f0742bb6b5c3b 100644 --- a/src/content/docs/pages/framework-guides/nextjs/deploy-a-static-nextjs-site.mdx +++ b/src/content/docs/pages/framework-guides/nextjs/deploy-a-static-nextjs-site.mdx @@ -49,11 +49,10 @@ git push -u origin main ### Deploy your application to Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages** > **Create application** > **Pages** > **Connect to Git**. -3. Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, select _Next.js (Static HTML Export)_ as your **Framework preset**. Your selection will provide the following information. + diff --git a/src/content/partials/pages/deploy-to-pages-steps-no-preset.mdx b/src/content/partials/pages/deploy-to-pages-steps-no-preset.mdx new file mode 100644 index 000000000000000..65c537045ff9d6b --- /dev/null +++ b/src/content/partials/pages/deploy-to-pages-steps-no-preset.mdx @@ -0,0 +1,12 @@ +--- +{} +--- + +To deploy your site to Pages: + +1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. +2. In Account Home, select **Workers & Pages** > **Create**. +3. Select the **Pages** tab. +4. Select **Connect to Git**. +5. Select the new GitHub repository that you created and then select **Begin setup**. +6. In the **Set up builds and deployments** section, provide the following information: diff --git a/src/content/partials/pages/deploy-to-pages-steps-with-preset.mdx b/src/content/partials/pages/deploy-to-pages-steps-with-preset.mdx new file mode 100644 index 000000000000000..5a0bbba1ca811a3 --- /dev/null +++ b/src/content/partials/pages/deploy-to-pages-steps-with-preset.mdx @@ -0,0 +1,13 @@ +--- +params: + - name +--- + +To deploy your site to Pages: + +1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. +2. In Account Home, select **Workers & Pages** > **Create**. +3. Select the **Pages** tab. +4. Select **Connect to Git**. +5. Select the new GitHub repository that you created and then select **Begin setup**. +6. In the **Build settings** section, select _{props.name}_ as your **Framework preset**. Your selection will provide the following information. From 2d37a9ac15942c7de1fd7ff86bbad273a990112b Mon Sep 17 00:00:00 2001 From: kodster28 Date: Mon, 17 Mar 2025 13:22:49 -0500 Subject: [PATCH 2/4] few more --- .../docs/pages/framework-guides/deploy-a-blazor-site.mdx | 8 +------- .../docs/pages/framework-guides/deploy-a-remix-site.mdx | 2 +- .../pages/framework-guides/deploy-a-svelte-kit-site.mdx | 5 ++++- .../pages/framework-guides/deploy-a-vitepress-site.mdx | 5 ++++- .../docs/pages/framework-guides/deploy-a-vue-site.mdx | 2 +- .../docs/pages/framework-guides/deploy-a-zola-site.mdx | 2 +- 6 files changed, 12 insertions(+), 12 deletions(-) diff --git a/src/content/docs/pages/framework-guides/deploy-a-blazor-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-blazor-site.mdx index f87783b11b43dca..300f330e1450b98 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-blazor-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-blazor-site.mdx @@ -50,13 +50,7 @@ dotnet new gitignore ## Deploy with Cloudflare Pages -To deploy your site to Pages: - -1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account. -2. In Account Home, select **Workers & Pages**. -3. Select **Create application** > **Pages** > **Connect to Git**. - -Select the new GitHub repository that you created and, in the **Set up builds and deployments** section, provide the following information: +
diff --git a/src/content/docs/pages/framework-guides/deploy-a-remix-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-remix-site.mdx index 59bb6f59b8aa72d..edb38b4d42c982b 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-remix-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-remix-site.mdx @@ -54,7 +54,7 @@ npm run dev ### Deploy via the Cloudflare dashboard - + diff --git a/src/content/docs/pages/framework-guides/deploy-a-svelte-kit-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-svelte-kit-site.mdx index ed6363442cc1169..c341e7dc9c0c9c8 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-svelte-kit-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-svelte-kit-site.mdx @@ -119,7 +119,10 @@ If you are using any adapter different from the default SvelteKit adapter, remem ### Deploy via the Cloudflare dashboard - +
diff --git a/src/content/docs/pages/framework-guides/deploy-a-vitepress-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-vitepress-site.mdx index 0b75f4ea35aee92..d3dfe1569e22afc 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-vitepress-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-vitepress-site.mdx @@ -92,7 +92,10 @@ This step makes sure that unnecessary files are not going to be included in the ## Deploy with Cloudflare Pages - + diff --git a/src/content/docs/pages/framework-guides/deploy-a-vue-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-vue-site.mdx index 7ab92d70910973c..c6f2601643ede37 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-vue-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-vue-site.mdx @@ -31,7 +31,7 @@ To use `create-cloudflare` to create a new Vue project, run the following comman ### Deploy via the Cloudflare dashboard - +
diff --git a/src/content/docs/pages/framework-guides/deploy-a-zola-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-zola-site.mdx index 8420b63aece34e2..2e2a581537479e0 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-zola-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-zola-site.mdx @@ -76,7 +76,7 @@ Upon running `zola init`, you will prompted with three questions: ## Deploy with Cloudflare Pages - + From 4c43e42df83a06a131ecc19701803edfff9cf40c Mon Sep 17 00:00:00 2001 From: kodster28 Date: Mon, 17 Mar 2025 13:44:20 -0500 Subject: [PATCH 3/4] typo --- .../docs/pages/framework-guides/deploy-a-blazor-site.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/pages/framework-guides/deploy-a-blazor-site.mdx b/src/content/docs/pages/framework-guides/deploy-a-blazor-site.mdx index 300f330e1450b98..7107b1a3478ecf0 100644 --- a/src/content/docs/pages/framework-guides/deploy-a-blazor-site.mdx +++ b/src/content/docs/pages/framework-guides/deploy-a-blazor-site.mdx @@ -50,7 +50,7 @@ dotnet new gitignore ## Deploy with Cloudflare Pages - +
From 8b625bd409796598bd20f83e2ecec9362afc276b Mon Sep 17 00:00:00 2001 From: Kody Jackson Date: Wed, 19 Mar 2025 07:04:42 -0500 Subject: [PATCH 4/4] Update src/content/partials/pages/deploy-to-pages-steps-with-preset.mdx Co-authored-by: ToriLindsay --- .../partials/pages/deploy-to-pages-steps-with-preset.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/partials/pages/deploy-to-pages-steps-with-preset.mdx b/src/content/partials/pages/deploy-to-pages-steps-with-preset.mdx index 5a0bbba1ca811a3..177a6d2f8b9bae6 100644 --- a/src/content/partials/pages/deploy-to-pages-steps-with-preset.mdx +++ b/src/content/partials/pages/deploy-to-pages-steps-with-preset.mdx @@ -10,4 +10,4 @@ To deploy your site to Pages: 3. Select the **Pages** tab. 4. Select **Connect to Git**. 5. Select the new GitHub repository that you created and then select **Begin setup**. -6. In the **Build settings** section, select _{props.name}_ as your **Framework preset**. Your selection will provide the following information. +6. In the **Build settings** section, select _{props.name}_ as your **Framework preset**. Your selection will provide the following information: