🌟 Build a FREE Website Like a Pro: My Streaming Setup Revealed! 🚀

"Free Website You Control!"

Hey there, awesome creators, streamers, and dreamers! 👋 I’m the mastermind behind DemigodSeven Apps (demigodseven.com), and I’m here to spill the beans on how I built my website for FREE using some amazing tools! 🎉 Whether you’re a streamer looking to add flair to your broadcasts or just someone who wants a cool website for your passion project, this guide is for you. Let’s dive in and see how you can create your own site without spending a dime—plus, I’ll share some limits to watch out for and a fun challenge at the end! 😄

🎮 Why I Built My Site (And Why You Should Too!)

I’m a streamer who loves connecting with my community, and I wanted a website to make my streams more interactive. Think real-time pushup counters, user accounts, and dynamic overlays for OBS—all without breaking the bank! 💸 My setup has been a game-changer for engaging my audience, and I truly believe it can help other streamers or anyone with a cool idea. A website lets you:

Engage Your Audience: Add real-time features like counters or polls to your stream. 📊
Showcase Your Passion: Share your project with the world in a professional way. 🌐
Grow Your Community: Give users a place to interact, sign up, and contribute. 🤝

And the best part? It’s 100% free if you follow my setup! Let’s break it down step by step.

🛠️ My Setup: A Totally Free Website with Cloudflare Pages

Here’s how I built demigodseven.com using free tools, with just a tiny $10/year cost for the domain. It’s super easy, even if you’re new to tech! 😎

Step 1: Snag a Domain for Cheap 💻

I bought my domain, demigodseven.com, for just $10/year through a registrar like Namecheap or Google Domains. This gives my site a professional look instead of a clunky free subdomain.
Pro Tip: If you don’t want to spend a penny, some services offer free subdomains, but a custom domain makes your site look legit! ✨

Step 2: Create Your Website on a Home NAS 🖥️

I use a Synology NAS at home (you can use any computer, really!) and created a folder for my website files.
Inside this folder, I craft custom HTML, CSS, and JavaScript to design my site. I’m not a coding wizard, so I use AI (like my buddy Grok from xAI 🤖) to help me program the look and feel. It’s like having a coding mentor for free!

Step 3: Sync with a Free Git Account 📂

I signed up for a free GitHub account (GitLab or Bitbucket work too!). Git is a place to store your code online.
I sync my website folder to a Git repository, which acts like a cloud backup for my code. Whenever I make changes, I push them to GitHub. It’s as easy as drag-and-drop with a Synology Git client! 🚀

Step 4: Host with Cloudflare Pages for Free 🌥️

Here’s where the magic happens! I use Cloudflare Pages, a free hosting service that connects to your Git repository.
Once connected, Cloudflare Pages automatically builds and deploys your website whenever you update your code on GitHub. It’s instant—no waiting around! ⚡
I pointed my domain (demigodseven.com) to Cloudflare Pages, and boom—my site is live for the world to see! 🌍

Step 5: Add a Free Firebase Database for Real-Time Fun 🔥

To make my site interactive, I use Firebase (Google’s free database service). It stores:
- User accounts: So my community can sign up and join the fun.
- Likes and comments: For user engagement.
- Pushup counter app: Approved users can update their pushup counts, and my OBS overlay reflects these changes in real-time during streams! 🏋️‍♂️
Firebase’s free tier lets me store and update data instantly, making my site feel alive and dynamic.

🎉 Benefits for Streamers and Hobbyists

This setup isn’t just for me—it’s perfect for anyone! Here’s why you’ll love it:

Streamers: Add real-time elements like counters, polls, or user stats to your OBS overlay. Your viewers will love the interactivity! 📡
Hobbyists: Share your passion project with the world, whether it’s a blog, a portfolio, or a fun app. No hosting fees means you can experiment freely! 🎨
Community Builders: Firebase lets you add user accounts and interactive features, helping you grow a tight-knit community. 🥳
Cost-Effective: Everything (except the $10 domain) is free, so you can focus on creating, not spending. 💰

⚠️ Free Tier Limitations: What to Watch For

While this setup is free, there are some limits to keep in mind. Don’t worry—they’re generous, and I’ve never hit them! Here’s a quick rundown:

Cloudflare Pages Free Tier:
- 500 builds per month (a “build” is when you push new code to Git). That’s more than enough for most projects!
- 100 custom domains (you’ll likely only need one).
- No server-side code (you’ll use static HTML/CSS/JS, which is perfect for most sites).
Firebase Free Tier (Spark Plan):
- 1 GB of database storage (plenty for user accounts, comments, and counters).
- 10 GB of data transfer per month (e.g., reading/writing data).
- 20,000 reads/writes per day (I’ve never come close to this with my pushup counter app!).
- No custom backend logic (you can use Firebase’s client-side SDK for most needs).
GitHub Free Tier:
- Unlimited public repositories (your code can be public, which is fine for most hobby projects).
- 2000 minutes of GitHub Actions per month (if you use automation, which we don’t need here).
- If you want your code private, you’ll need to upgrade to a paid plan (I keep mine public since it’s a community project).

[!NOTE]
My Take: If you ever hit these limits, it means your site is growing like wildfire! 🔥 At that point, you’re likely generating revenue from your passion project (e.g., through donations, sponsorships, or ads) and can afford to upgrade to a paid tier. Until then, the free plans are more than enough to get started and grow.

🏁 Why I Love This Setup

This setup has been a total win for me! My site, demigodseven.com, is live 24/7, costs me just $10/year for the domain, and lets me connect with my streaming community in real-time. I can update my site anytime, and Cloudflare Pages instantly reflects the changes—no waiting, no fees. Firebase makes my pushup counter app come alive on stream, and my viewers love seeing their contributions in action. It’s the perfect blend of tech and fun, and I want you to experience it too! 🎊

💡 Challenge: Build Your Own Site (Or Let Me Help!)

I challenge you to try building your own website using this setup! 🚀 It’s easier than you think, and you’ll have a blast creating something unique. Start with a simple HTML page, sync it to GitHub, host it on Cloudflare Pages, and maybe add Firebase for some interactive magic. You’ll be amazed at what you can create for free!

If you’d like me to show you the ropes, I’d love to help! I can walk you through the process step-by-step, or for a small fee, I can set up the foundation for you and teach you how to maintain it. Either way, I’m here to support your journey. Reach out to me on any of these platforms:

Contact me on any of my platforms found on the contact page.

Let’s make something awesome together! 🌟

Happy creating,
DemigodSeven 💪

Demigodseven