<?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: Alper San</title>
    <description>The latest articles on DEV Community by Alper San (@aprsn).</description>
    <link>https://dev.to/aprsn</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.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3760557%2Fe0c84b2a-d424-4017-acf1-e7921fe315ee.png</url>
      <title>DEV Community: Alper San</title>
      <link>https://dev.to/aprsn</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/aprsn"/>
    <language>en</language>
    <item>
      <title>Stop Building Backends Just to Hide One API Key</title>
      <dc:creator>Alper San</dc:creator>
      <pubDate>Sun, 08 Feb 2026 19:52:35 +0000</pubDate>
      <link>https://dev.to/aprsn/stop-building-backends-just-to-hide-one-api-key-32me</link>
      <guid>https://dev.to/aprsn/stop-building-backends-just-to-hide-one-api-key-32me</guid>
      <description>&lt;p&gt;You're building the next big AI wrapper or a sleek Single Page Application (SPA). You have your OpenAI key, your frontend is ready in React/Vue/Svelte, and you're about to ship.&lt;/p&gt;

&lt;p&gt;But wait. 🛑&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;You can't put sk-proj-... in your client-side code&lt;/strong&gt;. Everyone knows that.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;So now you have to:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Spin up a Node/Express server (or a Next.js API route).&lt;/li&gt;
&lt;li&gt;Set up CORS.&lt;/li&gt;
&lt;li&gt;Deploy it (Vercel/Heroku/EC2).&lt;/li&gt;
&lt;li&gt;Maintain it.&lt;/li&gt;
&lt;li&gt;Pay for it.
Just to make one API call? That feels like overkill.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The Problem with "Backend for Frontend"&lt;/p&gt;

&lt;p&gt;For simple integrations (AI agents, weather apps, payment links), building a dedicated backend service introduces unnecessary friction. You spend more time configuring IAM roles and middleware than actually building your product.&lt;/p&gt;

&lt;p&gt;But exposing keys is not an option. Bots scrape GitHub and public repos instantly. Your $500 credit could vanish in seconds. 💸&lt;/p&gt;

&lt;p&gt;The Solution: A Secure Proxy Layer&lt;/p&gt;

&lt;p&gt;What if you could keep your frontend code clean but still protect your keys?&lt;/p&gt;

&lt;p&gt;That's why I built SaltingIO. It acts as a secure "Salt Layer" between your frontend and the API provider.&lt;/p&gt;

&lt;h2&gt;
  
  
  How it works:
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Paste your raw API key&lt;/strong&gt; (OpenAI, Anthropic, Stripe, etc.) into the Salting dashboard. We encrypt it instantly. 🔒&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Get a Bridge URL&lt;/strong&gt;. We give you a unique endpoint like &lt;a href="https://api.salting.io/r/your-bridge-id" rel="noopener noreferrer"&gt;https://api.salting.io/r/your-bridge-id&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Ship&lt;/strong&gt;. Use that URL in your frontend fetch() call. No backend required.
Example: Secure OpenAI Call in React&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Before (Insecure ❌):&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const response = await fetch('https://api.openai.com/v1/chat/completions', {
  headers: {
    'Authorization': 'Bearer sk-proj-12345...' // EXPOSED!
  }
});
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;After (Secure ✅):&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const response = await fetch('https://api.salting.io/r/your-bridge-id', {
  method: 'POST',
  body: JSON.stringify({ model: 'gpt-4', messages: [...] })
});
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Why This Matters for Indie Hackers
&lt;/h2&gt;

&lt;p&gt;• &lt;strong&gt;Speed&lt;/strong&gt;: Ship in minutes, not hours.&lt;/p&gt;

&lt;p&gt;• &lt;strong&gt;Security&lt;/strong&gt;: Your keys never leave our encrypted vault.&lt;/p&gt;

&lt;p&gt;• &lt;strong&gt;Control&lt;/strong&gt;: Set rate limits per user (e.g., "Max 10 requests/day per IP"). Prevent abuse without writing a single line of Redis code.&lt;/p&gt;

&lt;p&gt;• &lt;strong&gt;Analytics&lt;/strong&gt;: See exactly who is using your API and how much.&lt;br&gt;
I built this because I was tired of setting up lambdas for every side project. If you're building in public or shipping fast, give it a try.&lt;/p&gt;

&lt;p&gt;👉 Secure your API Keys with SaltingIO&lt;/p&gt;

&lt;p&gt;&lt;a href="https://salting.io" rel="noopener noreferrer"&gt;Stop Building Backends for Simple API Calls&lt;/a&gt;&lt;/p&gt;

</description>
      <category>indiehacker</category>
      <category>webdev</category>
      <category>api</category>
    </item>
  </channel>
</rss>
