Simply Static allows exporting your static website to CloudflareA company that provides services like security and website speed improvement. It acts as a protective layer between the … Pages.
Table of Contents
What is Cloudflare Pages?
Cloudflare Pages is a free and reliable static hosting provider provided by Cloudflare.
GitHub
Preparing the GitHub Integration
To exportThe process of saving the files and data from your WordPress site to create a static site. your static website to Cloudflare Pages, you need the GitHub integration from Simply Static. Create an account at github.com and configure your personal access token, as shown in the documentation here.
Once that’s done, you can switch back to WordPress and go to Simply Static -> Settings-> DeploymentThe act of pushing the static files generated by Simply Static to a live environment where users can access them. and select “GitHub” as a deployment option:
As shown in the GitHub integration documentation, you need to fill out the following setting fields:
- Account Type (Personal or organization)
- Username
- Personal Access Token
- RepositoryIn version control systems like GitHub, a repository is the most basic element, a folder where all the files for a parti…
Exporting files to GitHub
Now that we have everything configured, you can click on “Generate Static Files” in the top-left corner of the Simply Static Settings:
Finishing the export will take some time, but you can always view the current progress in Simply Static -> Settings -> Activity LogA record of all the actions and changes made within the Simply Static plugin. It helps you track what has been done..
Once the export is finished, all your static files will be exported to your configured GitHubA web-based platform for version control and collaboration, allowing multiple people to work on projects at once. repository. If you check your account, it should be similar to this:
Getting Started with Cloudflare Pages
If you already have a Cloudflare account, you can use that to log into Cloudflare Pages. If not, sign up here.
Once logged in, choose a zone from your account and navigate to “Workers & pages”:
Connect GitHub account
The first step is connecting your GitHub account and selecting the repository which you want to deploy as a static site.
The process is straightforward, you get redirected to GitHub, confirm your password, and everything is connected.
Select your repository and click on “Begin Setup”:
Setup deployment
In the next step, you must set a project name (or leave it as the repository name) and select a branchIn version control systems like GitHub, a branch is a separate line of development that can be merged back into the main… (“main” is the default branch created by Simply Static).
You can skip the rest of the settings and click on “Save and Deploy”:
Deployment running
Once you clicked the button, the deployment will happen in real time:
Once done, you get redirected to the project overview. You can see your temporary domain, see the latest deployment, and a couple of additional information.
Each time you push an update from Simply Static to GitHub, Cloudflare Pages will start a new build and deploy all the changes to your static website.
There is nothing left to do for the purpose of this tutorial now, but you can learn more about Cloud Flare Pages in the documentation right here.