Skip to content

DavidJKTofan/cloudflare-pages-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

cloudflare-pages-template

Get started with Cloudflare Pages by deploying this pretty template on your own account, and start playing around.

Step 1

Clone this Repository to your own GitHub account.

Or download this Repository as a ZIP file by clicking the green button that says "<> Code" and clicking "Download ZIP", then extract the contents to a new folder, and upload the content (and only the content; not the folder) of that folder to a new GitHub Repository.

Step 2

Access your free Cloudflare account (new to Cloudflare?), and go to the Pages tab.

pages-tab

Step 3

Go to your Cloudflare Dashboard. Click on the blue "Create a project" button, and select "Connect to Git".

Step 4

Connect your GitHub account, select your Repository, and click "Begin setup".

github-deploy

Step 5

If you want, you can update some content, including the index.html.

You might want to update the following files with your own parameters:

Step 6

Just hit "Save and Deploy" and let the magic happen! ✨

success

Step 7

Share your beautiful website with the world. 🤓

==> https://cloudflare-pages-template.pages.dev/ (your link might look different)

Step 8 (Metadata)

Added Functions/_middleware.js from the GitHub Repo Dynamic Social Previews Meta Tags with Cloudflare Pages, in order to add Meta Tags.

Don't forget to edit the file _middleware.js with your own title, description, and such.

More (Optional) Steps

Add custom headers to create Content Security Policies (CSP) and more

Add a custom domain to a branch.

custom-domains

Redirecting www to domain apex

Cloudflare Pages gets even faster with Early Hints

Build full-stack applications by executing code on the Cloudflare network with help from Cloudflare Workers

Disclaimer

This is a general introduction to Cloudflare Pages.

Educational purposes only. This repo does not reflect the opinions of, and is not affiliated with Cloudflare. Screenshots are taken from the Cloudflare dashboard.