Giter Club home page Giter Club logo

cloudflare-pages-template's Introduction

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.

cloudflare-pages-template's People

Contributors

davidjktofan avatar

Stargazers

Yigit Nuhuz avatar  avatar  avatar Tuan Duc Tran avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.