Skip to content

Instantly share code, notes, and snippets.

@yogawilanda
Last active January 29, 2024 06:52
Show Gist options
  • Save yogawilanda/8f3754492e8f0b2d8a18e5299126f684 to your computer and use it in GitHub Desktop.
Save yogawilanda/8f3754492e8f0b2d8a18e5299126f684 to your computer and use it in GitHub Desktop.
Guide to host a cloudflare pages GUI Based: UPDATE 2024
#### Account Configuration
1. Login ke cloudflare pages https://pages.cloudflare.com/
#### Picking the menu from Cloudflare Dashboard
2. On the side menu, pick workers & pages > overview.
3. There is 2 tabs, workers and pages, pick pages tab.
4. You can pick "import an existing Git Repository" or Upload directly from your assets. I Pick Using Git Repository by clicking "Connect to git".
#### Deployment configuration
5. 1.a Select Repository
Make sure you already connect to git account and then proceed to pick which repo you want to be uploaded as cloudflare pages and it only serve the pages one (1 repo = 1 pages).
6. 1.b Click Begin Setup.
7. 2.a Set up builds and deployment
It's self explanatory form, like Project-name, Production branch, On the build setting since i use plain html, css, and php. i don't need to make a certain configuration.
But if you have framework build, most of JS Framework are already auto fill the configuration, you can tweak it as you need.
8. 2.b
This is important, if your Build output is not in the root of the folder you sent, you must specify it. Usually index.html will be the file that will be loaded as the main structure.
9. 2.c
Assuming you just want to test the web, you can just click save and deploy.
But if you have further configuration, like environment variable, or else, fill it as you need.
10. Done, and wait around a minute or two. then your builds will be deployed and you can see it. originally it will be [reponame].pages.dev
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment