DEV Community

E A Yoga Wilanda
E A Yoga Wilanda

Posted on

Maybe you need to try this cloudflare pages, it's free anyway.

Account Configuration

  1. Login to Cloudflare Pages

Picking the Menu from Cloudflare Dashboard

2.Navigate to Workers & Pages > Overview

  • On the side menu, select Workers & Pages and then click on Overview.
  1. Switch to the Pages Tab

    • In the overview section, choose the Pages tab.
  2. Import or Upload Repository

    • You can either "Import an existing Git Repository" or upload directly from your assets. Click "Connect to git" for Git repository connection.

Deployment Configuration

  1. Select Repository

    • Connect to your Git account and choose the repository you want to deploy as a Cloudflare page.
  2. Begin Setup

    • Click on "Begin Setup" to proceed.
  3. Set up Builds and Deployment

    • Fill in details like Project name, Production branch, and other settings. If you're using plain HTML, CSS, and PHP, basic configurations should be sufficient.
  4. Specify Build Output Path

    • If your build output is not in the root folder, specify the correct path. Typically, index.html is the main file.
  5. Additional Configuration (if needed)

    • If you have specific configurations like environment variables, fill them in as necessary.
  6. Save and Deploy

    • Click "Save and Deploy." If you're just testing, this step is enough. Wait for a minute or two for the deployment to complete.
  7. Access Your Deployed Site

    • Once deployed, your site will be available at [reponame].pages.dev.

That's it! Your Cloudflare Pages deployment is now set up. Happy coding!

Here is my gist if you want to read it simpler(or maybe not)

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay