<?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: Bright Agyemang</title>
    <description>The latest articles on DEV Community by Bright Agyemang (@bright_agyemang_d609f542f).</description>
    <link>https://dev.to/bright_agyemang_d609f542f</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%2F3586412%2F6a0f65d4-8bdf-4534-89ec-46b3c07bb94b.png</url>
      <title>DEV Community: Bright Agyemang</title>
      <link>https://dev.to/bright_agyemang_d609f542f</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/bright_agyemang_d609f542f"/>
    <language>en</language>
    <item>
      <title>lara-fetch v1.0.3 - now with Drop-in CDN Support</title>
      <dc:creator>Bright Agyemang</dc:creator>
      <pubDate>Fri, 31 Oct 2025 14:03:22 +0000</pubDate>
      <link>https://dev.to/bright_agyemang_d609f542f/lara-fetch-v103-now-with-drop-in-cdn-support-3ejh</link>
      <guid>https://dev.to/bright_agyemang_d609f542f/lara-fetch-v103-now-with-drop-in-cdn-support-3ejh</guid>
      <description>&lt;p&gt;Hey devs,&lt;/p&gt;

&lt;p&gt;After weeks of polishing and testing, &lt;code&gt;lara-fetch&lt;/code&gt; &lt;strong&gt;v1.0.3&lt;/strong&gt; is officially stable and production-ready!&lt;/p&gt;

&lt;p&gt;Built initially for my own Laravel + Vue/Nuxt stack, it's now open and solid for everyone who wants a smoother fetch experience that just works - both in Node and the browser.&lt;/p&gt;




&lt;h2&gt;
  
  
  🧠 What is lara-fetch?
&lt;/h2&gt;

&lt;p&gt;A lightweight wrapper around native Fetch that feels familiar to Laravel devs.&lt;br&gt;
Think of it like Axios-simplicity but fully modern, tiny, and framework-agnostic.&lt;/p&gt;




&lt;h2&gt;
  
  
  What’s New in v1.0.3
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;✅ Stabilized request/response pipeline&lt;/li&gt;
&lt;li&gt;⚡ Unified browser + Node support&lt;/li&gt;
&lt;li&gt;🌐 Drop-in CDN build (via UMD) — no bundler needed&lt;/li&gt;
&lt;li&gt;📦 Added CommonJS (CJS) support&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  CDN Usage
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;script &lt;/span&gt;&lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"https://cdn.jsdelivr.net/npm/lara-fetch@1.0.3/dist/index.umd.js"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;

&lt;span class="nt"&gt;&amp;lt;script&amp;gt;&lt;/span&gt;
  &lt;span class="nx"&gt;laraFetch&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;configure&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
     &lt;span class="na"&gt;baseURL&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;https://api.mylaravel.test&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
     &lt;span class="na"&gt;debug&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;
  &lt;span class="p"&gt;})&lt;/span&gt;

  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;res&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;laraFetch&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;post&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;/users&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="na"&gt;body&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Bright&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;skill&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;fullstack developer&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
  &lt;span class="p"&gt;})&lt;/span&gt;
  &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;res&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;No need to handle &lt;code&gt;CSRF cookie&lt;/code&gt; fetching and header injection. &lt;code&gt;laraFetch&lt;/code&gt; does it for you automatically&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  🧰 NPM Install
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install &lt;/span&gt;lara-fetch
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Quick Example
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;laraFetch&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;lara-fetch&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;res&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;laraFetch&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;post&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;users&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="na"&gt;method&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;POST&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;body&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Bright&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;skill&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;fullstack developer&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;})&lt;/span&gt;

&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;res&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;

&lt;span class="c1"&gt;// learn more on the usage from NPM&lt;/span&gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  Why Developers Love It
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Minimal setup - zero configs&lt;/li&gt;
&lt;li&gt;Works the same in browser &amp;amp; server&lt;/li&gt;
&lt;li&gt;Built for Laravel-style APIs&lt;/li&gt;
&lt;li&gt;Supports ESM, CJS, and UMD (CDN) builds&lt;/li&gt;
&lt;li&gt;Tiny footprint, modern syntax&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  ⚠️ Limitations:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Built strictly for SPAs powered by Laravel API backends.&lt;/li&gt;
&lt;li&gt;Not SSR-friendly yet - currently working on universal support for server-side environments.&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;🧩 Docs &amp;amp; Source: &lt;a href="https://github.com/agyaboat/lara-fetch" rel="noopener noreferrer"&gt;https://github.com/agyaboat/lara-fetch&lt;/a&gt;&lt;br&gt;
🧵 NPM: &lt;a href="https://npmjs.com/package/lara-fetch" rel="noopener noreferrer"&gt;https://npmjs.com/package/lara-fetch&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;Stable&lt;/code&gt;. &lt;code&gt;Fast&lt;/code&gt;. &lt;code&gt;Simple&lt;/code&gt;.&lt;br&gt;
Try it out and drop feedback - I'm actively iterating on community suggestions 💡&lt;/p&gt;

</description>
      <category>laravel</category>
      <category>javascript</category>
      <category>api</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Update: 485 downloads in 48 hrs - wild! Drop a comment if you're using it.</title>
      <dc:creator>Bright Agyemang</dc:creator>
      <pubDate>Wed, 29 Oct 2025 22:59:14 +0000</pubDate>
      <link>https://dev.to/bright_agyemang_d609f542f/update-485-downloads-in-48-hrs-wild-drop-a-comment-if-youre-using-it-4eah</link>
      <guid>https://dev.to/bright_agyemang_d609f542f/update-485-downloads-in-48-hrs-wild-drop-a-comment-if-youre-using-it-4eah</guid>
      <description>&lt;p&gt;

&lt;/p&gt;
&lt;div class="ltag__link--embedded"&gt;
  &lt;div class="crayons-story "&gt;
  &lt;a href="https://dev.to/bright_agyemang_d609f542f/introducing-lara-fetch-laravel-sanctum-made-simple-no-tears--4n15" class="crayons-story__hidden-navigation-link"&gt;🚀 Introducing lara-fetch - Laravel Sanctum made SIMPLE (no tears 😭)&lt;/a&gt;


  &lt;div class="crayons-story__body crayons-story__body-full_post"&gt;
    &lt;div class="crayons-story__top"&gt;
      &lt;div class="crayons-story__meta"&gt;
        &lt;div class="crayons-story__author-pic"&gt;

          &lt;a href="/bright_agyemang_d609f542f" class="crayons-avatar  crayons-avatar--l  "&gt;
            &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3586412%2F6a0f65d4-8bdf-4534-89ec-46b3c07bb94b.png" alt="bright_agyemang_d609f542f profile" class="crayons-avatar__image"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;div&gt;
            &lt;a href="/bright_agyemang_d609f542f" class="crayons-story__secondary fw-medium m:hidden"&gt;
              Bright Agyemang
            &lt;/a&gt;
            &lt;div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"&gt;
              
                Bright Agyemang
                
              
              &lt;div id="story-author-preview-content-2970910" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"&gt;
                &lt;div class="gap-4 grid"&gt;
                  &lt;div class="-mt-4"&gt;
                    &lt;a href="/bright_agyemang_d609f542f" class="flex"&gt;
                      &lt;span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"&gt;
                        &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3586412%2F6a0f65d4-8bdf-4534-89ec-46b3c07bb94b.png" class="crayons-avatar__image" alt=""&gt;
                      &lt;/span&gt;
                      &lt;span class="crayons-link crayons-subtitle-2 mt-5"&gt;Bright Agyemang&lt;/span&gt;
                    &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="print-hidden"&gt;
                    
                      Follow
                    
                  &lt;/div&gt;
                  &lt;div class="author-preview-metadata-container"&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

          &lt;/div&gt;
          &lt;a href="https://dev.to/bright_agyemang_d609f542f/introducing-lara-fetch-laravel-sanctum-made-simple-no-tears--4n15" class="crayons-story__tertiary fs-xs"&gt;&lt;time&gt;Oct 29 '25&lt;/time&gt;&lt;span class="time-ago-indicator-initial-placeholder"&gt;&lt;/span&gt;&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

    &lt;/div&gt;

    &lt;div class="crayons-story__indention"&gt;
      &lt;h2 class="crayons-story__title crayons-story__title-full_post"&gt;
        &lt;a href="https://dev.to/bright_agyemang_d609f542f/introducing-lara-fetch-laravel-sanctum-made-simple-no-tears--4n15" id="article-link-2970910"&gt;
          🚀 Introducing lara-fetch - Laravel Sanctum made SIMPLE (no tears 😭)
        &lt;/a&gt;
      &lt;/h2&gt;
        &lt;div class="crayons-story__tags"&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/laravel"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;laravel&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/javascript"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;javascript&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/api"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;api&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/frontend"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;frontend&lt;/a&gt;
        &lt;/div&gt;
      &lt;div class="crayons-story__bottom"&gt;
        &lt;div class="crayons-story__details"&gt;
          &lt;a href="https://dev.to/bright_agyemang_d609f542f/introducing-lara-fetch-laravel-sanctum-made-simple-no-tears--4n15" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"&gt;
            &lt;div class="multiple_reactions_aggregate"&gt;
              &lt;span class="multiple_reactions_icons_container"&gt;
                  &lt;span class="crayons_icon_container"&gt;
                    &lt;img src="https://assets.dev.to/assets/fire-f60e7a582391810302117f987b22a8ef04a2fe0df7e3258a5f49332df1cec71e.svg" width="18" height="18"&gt;
                  &lt;/span&gt;
                  &lt;span class="crayons_icon_container"&gt;
                    &lt;img src="https://assets.dev.to/assets/raised-hands-74b2099fd66a39f2d7eed9305ee0f4553df0eb7b4f11b01b6b1b499973048fe5.svg" width="18" height="18"&gt;
                  &lt;/span&gt;
                  &lt;span class="crayons_icon_container"&gt;
                    &lt;img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18"&gt;
                  &lt;/span&gt;
              &lt;/span&gt;
              &lt;span class="aggregate_reactions_counter"&gt;3&lt;span class="hidden s:inline"&gt; reactions&lt;/span&gt;&lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
            &lt;a href="https://dev.to/bright_agyemang_d609f542f/introducing-lara-fetch-laravel-sanctum-made-simple-no-tears--4n15#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"&gt;
              Comments


              1&lt;span class="hidden s:inline"&gt; comment&lt;/span&gt;
            &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="crayons-story__save"&gt;
          &lt;small class="crayons-story__tertiary fs-xs mr-2"&gt;
            2 min read
          &lt;/small&gt;
            
              &lt;span class="bm-initial"&gt;
                

              &lt;/span&gt;
              &lt;span class="bm-success"&gt;
                

              &lt;/span&gt;
            
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;




</description>
      <category>laravel</category>
      <category>javascript</category>
      <category>api</category>
      <category>frontend</category>
    </item>
    <item>
      <title>lara-fetch</title>
      <dc:creator>Bright Agyemang</dc:creator>
      <pubDate>Wed, 29 Oct 2025 13:19:58 +0000</pubDate>
      <link>https://dev.to/bright_agyemang_d609f542f/-1kj4</link>
      <guid>https://dev.to/bright_agyemang_d609f542f/-1kj4</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/bright_agyemang_d609f542f" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3586412%2F6a0f65d4-8bdf-4534-89ec-46b3c07bb94b.png" alt="bright_agyemang_d609f542f"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/bright_agyemang_d609f542f/introducing-lara-fetch-laravel-sanctum-made-simple-no-tears--4n15" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;🚀 Introducing lara-fetch - Laravel Sanctum made SIMPLE (no tears 😭)&lt;/h2&gt;
      &lt;h3&gt;Bright Agyemang ・ Oct 29&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#laravel&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#api&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#frontend&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>laravel</category>
      <category>javascript</category>
      <category>api</category>
      <category>frontend</category>
    </item>
    <item>
      <title>🚀 Introducing lara-fetch - Laravel Sanctum made SIMPLE (no tears 😭)</title>
      <dc:creator>Bright Agyemang</dc:creator>
      <pubDate>Wed, 29 Oct 2025 04:40:16 +0000</pubDate>
      <link>https://dev.to/bright_agyemang_d609f542f/introducing-lara-fetch-laravel-sanctum-made-simple-no-tears--4n15</link>
      <guid>https://dev.to/bright_agyemang_d609f542f/introducing-lara-fetch-laravel-sanctum-made-simple-no-tears--4n15</guid>
      <description>&lt;p&gt;Okay hear me out…&lt;/p&gt;

&lt;p&gt;Building Laravel SPAs with Sanctum shouldn’t feel like a whole ritual every time:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Get CSRF cookie
&lt;/li&gt;
&lt;li&gt;Dig up the &lt;code&gt;XSRF-TOKEN&lt;/code&gt; cookie
&lt;/li&gt;
&lt;li&gt;Attach headers manually
&lt;/li&gt;
&lt;li&gt;Pray the request doesn’t 419 💀&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So I built a tiny fetch wrapper that handles all that automatically:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;lara-fetch&lt;/strong&gt; — a lightweight client that handles Sanctum csrf-cookies for you&lt;br&gt;&lt;br&gt;
(with zero stress + optional oversharing aka debug mode 😌)&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  💡 What Problem Does It Solve?
&lt;/h2&gt;

&lt;p&gt;Instead of doing something like:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;fetch&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;/sanctum/csrf-cookie&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;credentials&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;include&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt; &lt;span class="p"&gt;})&lt;/span&gt;
&lt;span class="c1"&gt;// then extract token from cookie&lt;/span&gt;
&lt;span class="c1"&gt;// then set headers&lt;/span&gt;
&lt;span class="c1"&gt;// then hope…&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;You can just:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;laraFetch&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;lara-fetch&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;

&lt;span class="nx"&gt;laraFetch&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;post&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;/user/auth&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="na"&gt;body&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;JSON&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;stringify&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="nx"&gt;email&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;password&lt;/span&gt; &lt;span class="p"&gt;})&lt;/span&gt;
&lt;span class="p"&gt;})&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Done ✅&lt;br&gt;
Sanctum + CSRF ✅&lt;br&gt;
No stress ✅&lt;/p&gt;


&lt;h2&gt;
  
  
  ⚙️ One-Time Setup (Literally ONE line)
&lt;/h2&gt;

&lt;p&gt;Add this in your main entry file:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;laraFetch&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;lara-fetch&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;

&lt;span class="nx"&gt;laraFetch&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;configure&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
  &lt;span class="na"&gt;baseURL&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;http://localhost:8000&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="c1"&gt;// Your Laravel API URL&lt;/span&gt;
  &lt;span class="na"&gt;debug&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt; &lt;span class="c1"&gt;// optional: console oversharing 😅,&lt;/span&gt;
  &lt;span class="p"&gt;...&lt;/span&gt; &lt;span class="c1"&gt;// additional config as per need&lt;/span&gt;
&lt;span class="p"&gt;})&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;And BOOM 💥 — all requests automatically handle cookies + CSRF.&lt;/p&gt;




&lt;h2&gt;
  
  
  🧐 Why I’m Proud of This
&lt;/h2&gt;

&lt;p&gt;✅ Zero boilerplate&lt;br&gt;
✅ No more “Token mismatch” rage 😤&lt;br&gt;
✅ Works with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Vue / Nuxt&lt;/li&gt;
&lt;li&gt;React / Next&lt;/li&gt;
&lt;li&gt;Even vanilla JavaScript 🫶&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;✅ Debug mode logs every move it makes 👀&lt;/p&gt;


&lt;h2&gt;
  
  
  📦 Installation
&lt;/h2&gt;


&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm i lara-fetch
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;or&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;pnpm add lara-fetch
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Yes, pnpm gang rise ✊🔥&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  🔗 GitHub Repo
&lt;/h2&gt;

&lt;p&gt;Stars fuel open-source energy 🌟&lt;br&gt;
👉 &lt;a href="https://github.com/agyaboat/lara-fetch" rel="noopener noreferrer"&gt;Check repo&lt;/a&gt;&lt;br&gt;
PRs + feature ideas super welcome!&lt;/p&gt;




&lt;h2&gt;
  
  
  ✅ Roadmap
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Pending: Auto session refresh&lt;/li&gt;
&lt;li&gt;Pending: Retry system&lt;/li&gt;
&lt;li&gt;Pending: Official docs + starter templates&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  ✨ Final Word
&lt;/h2&gt;

&lt;p&gt;I built lara-fetch because I was suffering…&lt;br&gt;
and I refuse to let other developers suffer too 😌&lt;/p&gt;

&lt;p&gt;If you try it and it slaps — drop a comment 💬 and star the repo 🌟&lt;/p&gt;

</description>
      <category>laravel</category>
      <category>javascript</category>
      <category>api</category>
      <category>frontend</category>
    </item>
  </channel>
</rss>
