<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Golu</title>
    <description>The latest articles on DEV Community by Golu (@abhijeetkumaryadav).</description>
    <link>https://dev.to/abhijeetkumaryadav</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4116913%2F920353b2-35a5-4a29-9e79-86feab873623.jpg</url>
      <title>DEV Community: Golu</title>
      <link>https://dev.to/abhijeetkumaryadav</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/abhijeetkumaryadav"/>
    <language>en</language>
    <item>
      <title>How I built a fully automated anime streaming platform with 2,733 episodes on $0 infrastructure</title>
      <dc:creator>Golu</dc:creator>
      <pubDate>Wed, 09 Sep 2026 06:41:01 +0000</pubDate>
      <link>https://dev.to/abhijeetkumaryadav/how-i-built-a-fully-automated-anime-streaming-platform-with-2733-episodes-on-0-infrastructure-2hj3</link>
      <guid>https://dev.to/abhijeetkumaryadav/how-i-built-a-fully-automated-anime-streaming-platform-with-2733-episodes-on-0-infrastructure-2hj3</guid>
      <description>&lt;h2&gt;
  
  
  The Challenge
&lt;/h2&gt;

&lt;p&gt;I wanted to prove that a complete streaming platform could be built with &lt;strong&gt;zero monetary investment&lt;/strong&gt;. No AWS credits. No paid hosting. Just free tiers, automation, and a lot of JavaScript.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The result:&lt;/strong&gt; 161+ anime titles, 2,733 episodes, 15 languages, and a full admin panel – all running on $0/month infrastructure.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Stack
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Layer&lt;/th&gt;
&lt;th&gt;Technology&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Frontend&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Next.js 14, React, TypeScript, Tailwind CSS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Backend API&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Cloudflare Workers (serverless)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Database&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Cloudflare D1 (SQLite) + Supabase (PostgreSQL)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Cache&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Cloudflare KV (&amp;lt; 50ms response time)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Auth&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Supabase Auth&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Notifications&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Firebase FCM&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Video Player&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;HLS.js with custom CORS-proxy bypass&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Hosting&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Vercel (frontend) + Cloudflare Workers (API)&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;Infrastructure cost: $0/month.&lt;/strong&gt; Yes, really.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Hard Parts
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. HLS Streaming with CORS Bypass
&lt;/h3&gt;

&lt;p&gt;Video streams (M3U8 playlists) from third-party sources often block cross-origin requests. I built a custom proxy route that:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Fetches the M3U8 playlist&lt;/li&gt;
&lt;li&gt;Rewrites all segment URLs to go through the proxy&lt;/li&gt;
&lt;li&gt;Streams back the modified playlist to the client&lt;/li&gt;
&lt;li&gt;Handles CORS headers properly&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The proxy handles both &lt;code&gt;.m3u8&lt;/code&gt; playlists and binary segments (&lt;code&gt;.ts&lt;/code&gt;, &lt;code&gt;.m4s&lt;/code&gt;) while preserving Range headers for partial content.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Code snippet – proxy playlist rewriting:&lt;/strong&gt;&lt;/p&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;
javascript
const rewritten = text
  .split(/\r?\n/)
  .map(line =&amp;gt; {
    const trimmed = line.trim();
    if (!trimmed || trimmed.startsWith('#') || trimmed.includes('/api/proxy')) {
      return line;
    }
    try {
      const resolved = new URL(trimmed, baseUrl).toString();
      return `/api/proxy?url=${encodeURIComponent(resolved)}`;
    } catch {
      return line;
    }
  })
  .join('\n');
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

</description>
      <category>showdev</category>
      <category>webdev</category>
      <category>nextjs</category>
      <category>cloudflarechallenge</category>
    </item>
  </channel>
</rss>
