Skip to content
Zenith Docs

Cloudflare Pages

This guide will walk you through the process of deploying your Zenith resume to Cloudflare Pages. It offers a free tier with unlimited bandwidth and 500 builds per month.

Prerequisites

  1. Create a Cloudflare account or log in to your existing one.

  2. Navigate to the Workers & Pages view using the sidebar.

  3. From the Overview page click the Create button.

  4. Chose Pages from the tabs (by default Workers is selected).

Drag and drop deployment

Using this approach, you build your project locally and then drag and drop the build folder to the Cloudflare Pages dashboard.

  1. Click on the Upload assets button.

  2. Provide your project name and copy the site URL generated below the input field.Set project name

  3. On your local machine, create .env file in the root of your project and add ASTRO_SITE=https://url-you-copied variable.

  4. Build your project using the npm run build command.

  5. Drag and drop the dist folder from your machine to Cloudflare Pages (second step of the form) and click the Deploy site button.

  6. Your resume is online! To update it in the future, click on the Create new deployment button in your project’s Deployments tab and repeat steps 8 and 9.

Automated deployment

Using this approach, you connect your GitHub repository to the Cloudflare Pages dashboard and deploy your project automatically after each push to the main branch.

  1. Click on the Connect to Git button.

  2. Select a GitHub repository with your Zenith fork. You may be asked to give Cloudflare permissions to access your repositories.

  3. Provide the project name and copy site URL generated below the input field. Set project name

  4. Open an Environment variables section and add ASTRO_SITE variable with https://url-you-copied value. Set env variable

  5. In build settings set the Framework preset select to Astro. Select Astro preset

  6. Click the Save and Deploy button.

  7. After the deployment is finished, your resume is online! To update it in the future, you only need to push local changes to the main branch of your repository.

Custom domain

If you add a custom domain for your resume, remember to update the ASTRO_SITE environment variable the same way you set it during the initial project setup.