Cloudflare Pages: 3 Free Projects! Image Hosting, Streaming & Subscription Reminders

This article explores how to leverage Cloudflare's services to create various free projects, including an online video collection platform, a permanent free wireless storage solution, and a subscription management system. Lin Dujie, a self-proclaimed CardFly enthusiast, guides us through these projects.

Building a Free Online Video Collection Platform (LabelTV)

Registering for a Cloudflare Account

1. Navigate to the provided Cloudflare official website link (found in the video description or blog post).
2. Register for a free account using a Google account, Apple account, or email address.
3. Log in to your newly created Cloudflare account.

Forking the LabelTV Project on GitHub

1. Fork the LabelTV open-source project to your GitHub account. This allows you to connect the project to Cloudflare.
2. If you don't have a GitHub account, register for free.
3. On GitHub, click the "Fork" button on the LabelTV project page.
4. Keep the default project name and click "Create Fork."

Deploying LabelTV on Cloudflare Pages

1. In Cloudflare, navigate to the "Workers & Pages" section (usually found under the "Compute" option).
2. Click "Create Project" and select the "Pages" option.
3. Choose "Connect to Git" and select your GitHub account.
4. Authorize Cloudflare to access your GitHub repositories.
5. Select the forked LabelTV repository from your GitHub account.
6. In the "Configure build settings" section, leave the "Production branch," "Build command," and "Build output directory" fields as their default values (usually blank).
7. Click "Save and Deploy." This will initiate the build and deployment process.
8. Once deployed, Cloudflare will provide a unique domain name for your LabelTV site.

Accessing and Configuring LabelTV

1. Access your LabelTV site using the provided Cloudflare domain name.
2. If the site doesn't load, consider using a VPN or binding your own domain name (discussed later).
3. Agree to the terms and conditions.

4. Setting up a password: For enhanced security, set up a password. Go to the LabelTV project settings in Cloudflare. Under "Variables and Secrets," add two new variables:

   • PASSWORD with a value (e.g., "0").

   • ADMIN_PASSWORD (all caps) with a value (e.g., "0").

   • Redeploy the application to apply these new variables. After a successful deployment, you will be prompted for the password upon accessing the site.

Binding a Custom Domain Name

1. In Cloudflare, navigate to your deployed LabelTV project.
2. Find the "Custom domains" section and add your own domain name.
3. Add the required DNS records to your domain registrar to point your domain to Cloudflare.
4. Activate the domain name in Cloudflare.

Deploying a Free Wireless Storage Solution (Telegram Image Bed)

Setting up a Telegram Channel and Bot

1. Download and install Telegram on your computer or mobile device.
2. Create a new Telegram channel (public or private, based on your preference).
3. Search for "BotFather" in Telegram and start a chat with it.
4. Use the /newbot command to create a new Telegram bot. Provide a name and username (ending in "bot") for your bot. BotFather will provide a token.
5. Add the newly created bot as an administrator to your Telegram channel.

Obtaining the Chat ID

1. Search for "@get_id_bot" in Telegram and start a chat.
2. Forward a message from your Telegram channel to the get_id_bot.
3. The bot will reply with the channel's chat ID.

Deploying the Telegram Image Bed on Cloudflare Pages

1. Fork the provided Telegram Image Bed open-source project to your GitHub account.
2. In Cloudflare, navigate to "Workers & Pages" and create a new project.
3. Connect to your GitHub account and select the forked Telegram Image Bed repository.
4. Use the default settings and click "Save and Deploy."

5. Once deployed, go to the project settings in Cloudflare. Under "Variables and Secrets," add the following variables:

   • TELEGRAM_BOT_TOKEN with the value being the token received from BotFather.

   • TELEGRAM_CHAT_ID with the value being the chat ID obtained earlier (include the minus sign if present).

   • Redeploy the application.

Uploading Images

1. Access your deployed Telegram Image Bed site.
2. Upload images. These images will be uploaded to your Telegram channel.

Deploying a Subscription Management and Reminder System

Creating a Cloudflare Worker

1. In Cloudflare, navigate to "Workers & Pages."
2. Create a new project. This time select "Workers" and then "Create empty Project."
3. Give your project a name (e.g., "Subscriptions").

Adding the Code

1. Go to the provided link, copy the code.
2. Go back to Cloudflare. Clear all the JavaScript code, and paste the new code.
3. Deploy the Worker.

Accessing and Configuring the System

1. Access the deployed Worker URL.
2. The default username is "admin" and the password is "password."
3. Configure notification methods. To use Telegram notifications, use the bot token and chat ID obtained in the previous project.
4. Add new subscriptions, including name, type, date, and pre-announcement settings.