https://waylonwalker.com/tags/cloudflare/atom.xml 2024-04-09T17:03:51Z All posts with the tag "cloudflare" Waylon Walker markata-go https://waylonwalker.com/updating-cloudflare-pages-using-the-wrangler-cli/ 2024-04-09T17:03:51Z 2024-04-09T17:03:51Z

Before deploying to cloudflare pages with wrangler you need a cloudflare api token. You can get one at dash.cloudflare.com/profile/api-tokens.

<p>Before deploying to cloudflare pages with wrangler you need a cloudflare api token. You can get one at <a href="https://dash.cloudflare.com/profile/api-tokens" style="--favicon-url: url(&#39;/assets/markata/link-avatars/dash.cloudflare.com.png&#39;);" data-favicon="/assets/markata/link-avatars/dash.cloudflare.com.png" class="has-avatar has-avatar-before">dash.cloudflare.com/profile/api-tokens</a>.</p> <figure> <a href="https://dropper.waylonwalker.com/api/file/7b566e55-98ff-4d96-b0bc-3c4e5b619d68.png" class="glightbox-link"><img class="glightbox" src="https://dropper.waylonwalker.com/api/file/7b566e55-98ff-4d96-b0bc-3c4e5b619d68.png" alt="cloudflare-pages-api-token.png"/ data-glightbox="description: cloudflare-pages-api-token.png"></a> </figure> <h2 id="install-wrangler">Install Wrangler <a href="#install-wrangler" class="heading-anchor">#</a></h2> <p>Next install wrangler using npm.</p> <pre class="chroma"><code><span class="line"><span class="cl">npm i -g wrangler </span></span></code></pre><h2 id="create-a-project">Create a Project <a href="#create-a-project" class="heading-anchor">#</a></h2> <p>Before you deploy to cloudflare pages you need to create a project. You might already have one, or you might want to create one in the webui, but you have the option to create it at the command line with wrangler.</p> <pre class="chroma"><code><span class="line"><span class="cl">npx wrangler pages deploy markout --project-name reader-waylonwalker-com --branch markout </span></span></code></pre><h2 id="deploy">Deploy <a href="#deploy" class="heading-anchor">#</a></h2> <p>Now you can deploy your static application using wrangler to cloudflare pages.</p> <blockquote> <p>In this example I have my application built into the markout directory, and since the production branch is named <code>markout</code> I need to pass that in here as well.</p> </blockquote> <pre class="chroma"><code><span class="line"><span class="cl">wrangler pages deploy markout --project-name reader-waylonwalker-com --branch markout </span></span></code></pre> Waylon Walker hello@waylonwalker.com https://waylonwalker.com