Siegecmd / cloudflare-pages-template

Get started with Cloudflare Pages

Home Page:https://cloudflare-pages-template.pages.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

Get started with Cloudflare Pages

https://cloudflare-pages-template.pages.dev

License:MIT License


Languages

Language:CSS 62.1%Language:HTML 26.9%Language:JavaScript 11.0%