-
Notifications
You must be signed in to change notification settings - Fork 0
Tech Stack ‐ Cloudflare Pages
WangGithub0 edited this page Jan 17, 2024
·
1 revision
What is Cloudflare
![image](https://private-user-images.githubusercontent.com/20795443/297483551-8f45ac35-1934-45f0-9c1e-b81046012ace.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk0MjAzMDIsIm5iZiI6MTcxOTQyMDAwMiwicGF0aCI6Ii8yMDc5NTQ0My8yOTc0ODM1NTEtOGY0NWFjMzUtMTkzNC00NWYwLTljMWUtYjgxMDQ2MDEyYWNlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI2VDE2NDAwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTZlMTZhNmU0OTFhMDE5NDk3ZTkyOGQ4NDBiYzVmZjcyNThjZmFjZDE4NzMyZGVlMmNjNzBlNzBmOWM5MGU2YmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.fnms-8bCkKiVzyagx6rLVVqhx3dBH_WFTFHcrQ9cp8U)
Cloudflare is a global network of servers. When you add your application to Cloudflare, we use this network to sit in between requests and your origin server.
- speeding up content delivery and user experience(CDN)
- protecting your website from malicious activity ( DDoSOpen, Web Application Firewall)
- routing traffic (Load balancing, Waiting Room)
![image](https://private-user-images.githubusercontent.com/20795443/297484011-29ef1ed4-f916-47ca-abeb-3ee30ebef46e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk0MjAzMDIsIm5iZiI6MTcxOTQyMDAwMiwicGF0aCI6Ii8yMDc5NTQ0My8yOTc0ODQwMTEtMjllZjFlZDQtZjkxNi00N2NhLWFiZWItM2VlMzBlYmVmNDZlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI2VDE2NDAwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQzNDgxNTY4NTU1ZTFjZmIyM2EyMzM2ZmQ1NzFkZmNiMjNjZDBjNmNlOWYwOTBmMDhmZDg3NDZiZjE4NWM0MjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.fKW1seQ1nMq8yNLNOXnkjFhWotftJJe2DI_pS-ZwZ-Y)
![image](https://private-user-images.githubusercontent.com/20795443/297488308-9d774e6a-9628-48f1-9e3d-44211ff2f0fc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk0MjAzMDIsIm5iZiI6MTcxOTQyMDAwMiwicGF0aCI6Ii8yMDc5NTQ0My8yOTc0ODgzMDgtOWQ3NzRlNmEtOTYyOC00OGYxLTllM2QtNDQyMTFmZjJmMGZjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI2VDE2NDAwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUwYjUxNDc0ODcyODBmODhiNDI5ODJmOTQwNTE5NWRjNmQ2YzI5M2E0ODdlM2FiMWZkYmZmZWEyN2MwMzQwMjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ZJRgoGqqd8RFBIYvR6DUn-1oH-u03_xRCuvycHvyVXo)
- Connecting your Git provider to Pages.
- Deploying your prebuilt assets right to Pages with Direct Upload.
- Using Wrangler from the command line
![image](https://private-user-images.githubusercontent.com/20795443/297488609-fe4b4b98-2c7a-4591-8b1b-6a89a6c4f4e7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk0MjAzMDIsIm5iZiI6MTcxOTQyMDAwMiwicGF0aCI6Ii8yMDc5NTQ0My8yOTc0ODg2MDktZmU0YjRiOTgtMmM3YS00NTkxLThiMWItNmE4OWE2YzRmNGU3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI2VDE2NDAwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUzMmY3NWQ4NTAwZmIyODRkN2Y1NTBlY2MzNTIwY2UzNDcwZDliYWM4YjgxNjQxNjY2ZmI2MzY2Y2M2YjQzNWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ntvU0t_VP0Oc8bWCz4Aa6WB5acZuKZnLgc-CGAMJW6A)
- Wrangler is a command-line tool for building with Cloudflare developer products.
- Use Wrangler to deploy projects that use the Workers Browser Rendering API.
![image](https://private-user-images.githubusercontent.com/20795443/297488987-0cd35530-5c7d-47fd-a2cf-9d9e6627c584.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk0MjAzMDIsIm5iZiI6MTcxOTQyMDAwMiwicGF0aCI6Ii8yMDc5NTQ0My8yOTc0ODg5ODctMGNkMzU1MzAtNWM3ZC00N2ZkLWEyY2YtOWQ5ZTY2MjdjNTg0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI2VDE2NDAwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRiZjRmMjk1NjA0MmVjZjA3OTRjNDgxYzk3YmM0ZWJjMDBkZTI4MGJkNGE3NGY1YmM5Y2RlOWM5MmQ4MGEwOTkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.H6-vaidRprUeezhlnY2GFxnZHzoT6v4w-zGTalX63R4)
![image](https://private-user-images.githubusercontent.com/20795443/297489005-7bb30a69-1791-4c84-b48f-a9292dc1acd3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk0MjAzMDIsIm5iZiI6MTcxOTQyMDAwMiwicGF0aCI6Ii8yMDc5NTQ0My8yOTc0ODkwMDUtN2JiMzBhNjktMTc5MS00Yzg0LWI0OGYtYTkyOTJkYzFhY2QzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI2VDE2NDAwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY5YjA2ZDAwMDVlYjQ0OGUyYzgyYzU2Nzc0NmIwMWYwNzVjNThmYTIxMjRiNzE4MTkxOTllZmNkZmU0N2ExZDcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.fICUpvCnsQnBcgAPeSAeq6aBLHt53OV-cW2tmLkMS2A)
![image](https://private-user-images.githubusercontent.com/20795443/297489022-9d07e438-e4a3-44f1-b22a-91a5eb157326.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk0MjAzMDIsIm5iZiI6MTcxOTQyMDAwMiwicGF0aCI6Ii8yMDc5NTQ0My8yOTc0ODkwMjItOWQwN2U0MzgtZTRhMy00NGYxLWIyMmEtOTFhNWViMTU3MzI2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI2VDE2NDAwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUxZGYzNTkwM2FlOWE4N2JlYmNjYWFiM2RkZDUzYmRiMmRiMzc4OTFhMmM0ZmU0OGM5NzM0MzhmNDhjMzkyNmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.6GkIrreWBs_f5W6Rj_rWtbck9FCquWrYYryy0R8QIMA)
![image](https://private-user-images.githubusercontent.com/20795443/297489051-c61f431b-d321-4a56-879e-8b9cdf7e0017.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk0MjAzMDIsIm5iZiI6MTcxOTQyMDAwMiwicGF0aCI6Ii8yMDc5NTQ0My8yOTc0ODkwNTEtYzYxZjQzMWItZDMyMS00YTU2LTg3OWUtOGI5Y2RmN2UwMDE3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI2VDE2NDAwMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY3MGUzMDFhNmUyZTA3MjEyYWMyNDBiYjdlZjBiOTE3ODIwYWFhZmJkMzJmYWE1OTViNjNjMTEzNzJjZTU4MGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.-o4mifQkw9y1-hAfZfKiXv_eSR0XmDgPzTqlYlVJeW0)