<?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: Nganggur Dev</title>
    <description>The latest articles on DEV Community by Nganggur Dev (@nganggurdev).</description>
    <link>https://dev.to/nganggurdev</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%2F3375246%2Fe129f8c6-e418-43ef-baae-2dc331d5fb36.webp</url>
      <title>DEV Community: Nganggur Dev</title>
      <link>https://dev.to/nganggurdev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/nganggurdev"/>
    <language>en</language>
    <item>
      <title>Laravel 12 Best Practices: Common Mistakes That Make Your Code Hard To Maintenance</title>
      <dc:creator>Nganggur Dev</dc:creator>
      <pubDate>Wed, 22 Oct 2025 02:58:25 +0000</pubDate>
      <link>https://dev.to/nganggurdev/laravel-12-best-practices-common-mistakes-that-make-your-code-hard-to-maintenance-47gm</link>
      <guid>https://dev.to/nganggurdev/laravel-12-best-practices-common-mistakes-that-make-your-code-hard-to-maintenance-47gm</guid>
      <description>&lt;p&gt;&lt;a href="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%2Farticles%2Fwvfls1tzwyb242plrzpj.webp" class="article-body-image-wrapper"&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%2Farticles%2Fwvfls1tzwyb242plrzpj.webp" alt="Best Practice Laravel 12 - NganggurDev" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Struggling with messy Laravel code? Discover best practices that separate amateur projects from professional applications. From avoiding N+1 queries to escaping Fat Controller syndrome, learn the common mistakes that make Laravel code a nightmare to maintain — and how to fix them before your codebase becomes technical debt.&lt;/p&gt;

&lt;p&gt;Perfect for developers building scalable web applications in 2025. Master clean architecture, optimize database queries, and write maintainable Laravel code that your future self will thank you for.&lt;/p&gt;

&lt;p&gt;Read the full guide: &lt;a href="https://nganggurdev.com/en/article/laravel-12-best-practices-common-mistakes-that-make-your-code-hard-to-maintenance" rel="noopener noreferrer"&gt;Laravel 12 Best Practices: Common Mistakes That Make Your Code Hard To Maintenance&lt;/a&gt;&lt;/p&gt;

</description>
      <category>laravel</category>
      <category>php</category>
      <category>webdev</category>
      <category>programming</category>
    </item>
    <item>
      <title>Building Chatbot with Fastest Free AI for Beginners</title>
      <dc:creator>Nganggur Dev</dc:creator>
      <pubDate>Fri, 12 Sep 2025 05:56:39 +0000</pubDate>
      <link>https://dev.to/nganggurdev/building-chatbot-with-fastest-free-ai-for-beginners-d35</link>
      <guid>https://dev.to/nganggurdev/building-chatbot-with-fastest-free-ai-for-beginners-d35</guid>
      <description>&lt;p&gt;&lt;a href="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%2Farticles%2Fyc1xbjfdjws6t76gtbr2.webp" class="article-body-image-wrapper"&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%2Farticles%2Fyc1xbjfdjws6t76gtbr2.webp" alt="Building Chatbot with Fastest Free AI for Beginners - NganggurDev" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ever wondered how to build a free AI chatbot using Python — without the limits and costs of most platforms?&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why Groq API?&lt;/strong&gt;&lt;br&gt;
Because it’s the fastest AI API available today, with a generous free tier and blazing inference speed. No payment required, no complicated setup — just pure Python and cloud-powered intelligence ready to roll.&lt;/p&gt;

&lt;p&gt;In this beginner-friendly guide, you’ll learn:&lt;br&gt;
✅ How to set up Groq API and your Python environment&lt;br&gt;
✅ Create a chatbot from scratch with simple, readable code&lt;br&gt;
✅ Save conversation history and customize responses&lt;br&gt;
✅ Handling errors&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why does it matter?&lt;/strong&gt;&lt;br&gt;
Most AI chatbot tutorials focus on paid or complex frameworks. With Groq API, you get lightning-fast performance, real-time answers, and it’s FREE for developers getting started.&lt;/p&gt;

&lt;p&gt;👉 Ready to launch your own AI chatbot project?&lt;br&gt;
Dive into the full step-by-step tutorial packed with code snippets:&lt;br&gt;
&lt;a href="https://nganggurdev.com/en/article/groq-api-python-tutorial-building-chatbot-with-fastest-free-ai-for-beginners" rel="noopener noreferrer"&gt;Groq API Python Tutorial: Building Chatbot with Fastest Free AI for Beginners&lt;/a&gt;&lt;/p&gt;

</description>
      <category>python</category>
      <category>ai</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Stop Writting Utility Class in Tailwind CSS Like a Novel, Do This Instead!</title>
      <dc:creator>Nganggur Dev</dc:creator>
      <pubDate>Fri, 05 Sep 2025 02:23:58 +0000</pubDate>
      <link>https://dev.to/nganggurdev/stop-writting-utility-class-in-tailwind-css-like-a-novel-do-this-instead-ia</link>
      <guid>https://dev.to/nganggurdev/stop-writting-utility-class-in-tailwind-css-like-a-novel-do-this-instead-ia</guid>
      <description>&lt;p&gt;&lt;a href="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%2Farticles%2Fe3cd3w91xhfnfrl0ys5u.webp" class="article-body-image-wrapper"&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%2Farticles%2Fe3cd3w91xhfnfrl0ys5u.webp" alt="Pro Tips Using Tailwind v4 - NganggurDev" width="800" height="450"&gt;&lt;/a&gt;&lt;br&gt;
I see developers everywhere making the same costly mistakes with Tailwind CSS v4. The worst part? They don’t even realize it’s slowing them down.&lt;/p&gt;

&lt;p&gt;🚨 Red flags I keep seeing:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Endless inline classes that make HTML unreadable&lt;/li&gt;
&lt;li&gt;Copy-pasting the same 20+ utility classes everywhere&lt;/li&gt;
&lt;li&gt;Zero understanding of &lt;a class="mentioned-user" href="https://dev.to/apply"&gt;@apply&lt;/a&gt; directive&lt;/li&gt;
&lt;li&gt;Ignoring CSS Variables and custom properties&lt;/li&gt;
&lt;li&gt;Random responsive modifiers with no pattern&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Your messy Tailwind code is costing you job opportunities. Time to level up.&lt;/p&gt;

&lt;p&gt;👉 Link Article: &lt;a href="https://www.nganggurdev.com/en/article/pro-tips-for-using-tailwind-css-v4-the-right-way" rel="noopener noreferrer"&gt;Pro Tips for Using Tailwind CSS v4 the Right Way&lt;/a&gt;&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>frontend</category>
      <category>css</category>
      <category>programming</category>
    </item>
    <item>
      <title>JavaScript and Web3 Tutorial: How to Interact with Blockchain Easily</title>
      <dc:creator>Nganggur Dev</dc:creator>
      <pubDate>Thu, 04 Sep 2025 01:03:17 +0000</pubDate>
      <link>https://dev.to/nganggurdev/javascript-and-web3-tutorial-how-to-interact-with-blockchain-easily-8m3</link>
      <guid>https://dev.to/nganggurdev/javascript-and-web3-tutorial-how-to-interact-with-blockchain-easily-8m3</guid>
      <description>&lt;p&gt;&lt;a href="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%2Farticles%2Fhah6uenczl7i32fgvyvu.webp" class="article-body-image-wrapper"&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%2Farticles%2Fhah6uenczl7i32fgvyvu.webp" alt="How to Interact Blockchain with Javascipt — NganggurDev" width="800" height="450"&gt;&lt;/a&gt;&lt;br&gt;
Curious about how **JavaScript **connects with Web3 to make blockchain development easier?&lt;/p&gt;

&lt;p&gt;But why &lt;strong&gt;JavaScript&lt;/strong&gt;?&lt;br&gt;
Cuz it’s the most widely used language on the web, and with libraries like ethers.js, you can build decentralized apps (dApps) directly in the browser or with Node.js.&lt;/p&gt;

&lt;p&gt;In this tutorial, you’ll learn step by step how to:&lt;br&gt;
✅ Create simple dApp with ethers.js&lt;br&gt;
✅ Connect to the blockchain (Ethereum as an example)&lt;br&gt;
✅ Checking balance from wallet (MetaMask)&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why it matters:&lt;/strong&gt;&lt;br&gt;
Blockchain can feel complex, but with JavaScript + Web3 libraries, you don’t need to dive into low-level protocols. It’s beginner-friendly and powerful enough to build dApps, wallets, or even DeFi tools.&lt;/p&gt;

&lt;p&gt;👉 In the full guide, I walk you through real code examples so you can try it right away:&lt;br&gt;
&lt;a href="https://www.nganggurdev.com/en/article/javascript-and-web3-tutorial-how-to-interact-with-blockchain-easily" rel="noopener noreferrer"&gt;JavaScript and Web3 Tutorial: How to Interact with Blockchain Easily&lt;/a&gt;&lt;/p&gt;

</description>
      <category>blockchain</category>
      <category>web3</category>
      <category>javascript</category>
      <category>programming</category>
    </item>
    <item>
      <title>Laravel 12 Rate Limiting: Why Your Application Needs This Feature</title>
      <dc:creator>Nganggur Dev</dc:creator>
      <pubDate>Wed, 27 Aug 2025 05:06:40 +0000</pubDate>
      <link>https://dev.to/nganggurdev/laravel-12-rate-limiting-why-your-application-needs-this-feature-3gn</link>
      <guid>https://dev.to/nganggurdev/laravel-12-rate-limiting-why-your-application-needs-this-feature-3gn</guid>
      <description>&lt;p&gt;&lt;a href="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%2Farticles%2Fyn4nu4ggeetypd9btbi7.webp" class="article-body-image-wrapper"&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%2Farticles%2Fyn4nu4ggeetypd9btbi7.webp" alt="Limit Your HTTP Request with Rate Limiter in Laravel 12 - NganggurDev" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ever had users spam your login form, flood your APIs, or accidentally overload your server with too many requests? That’s where Rate Limiting in Laravel comes to the rescue.&lt;/p&gt;

&lt;p&gt;With the latest version, Laravel makes it easier than ever to control request traffic, protect APIs, and prevent abuse — all with just a few lines of code.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Here’s what you’ll learn in this guide:&lt;/strong&gt;&lt;br&gt;
✅ How rate limiting works in Laravel 12&lt;br&gt;
✅ Real-world examples (like login attempts &amp;amp; API throttling)&lt;br&gt;
✅ Best practices to balance security and user experience&lt;br&gt;
✅ Why rate limiting is crucial for modern web applications&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why it matters:&lt;/strong&gt;&lt;br&gt;
Without rate limiting, your app is vulnerable to brute-force attacks, server slowdowns, and API abuse. By implementing it correctly, you keep your app mpre secure and reliable.&lt;/p&gt;

&lt;p&gt;👉 In the full tutorial, i show step-by-step how to set up rate limiting with code examples:&lt;br&gt;
&lt;a href="https://www.nganggurdev.com/en/article/laravel-12-rate-limiting-a-reason-why-your-application-needs-this-feature" rel="noopener noreferrer"&gt;Laravel 12 Rate Limiting: A Reason Why Your Application Needs This Feature&lt;/a&gt;&lt;/p&gt;

</description>
      <category>laravel</category>
      <category>php</category>
      <category>webdev</category>
      <category>programming</category>
    </item>
    <item>
      <title>PHP 8.5: Top New Features You Must Know (with Code Examples)</title>
      <dc:creator>Nganggur Dev</dc:creator>
      <pubDate>Fri, 22 Aug 2025 11:31:33 +0000</pubDate>
      <link>https://dev.to/nganggurdev/php-85-top-new-features-you-must-know-with-code-examples-1jm5</link>
      <guid>https://dev.to/nganggurdev/php-85-top-new-features-you-must-know-with-code-examples-1jm5</guid>
      <description>&lt;p&gt;&lt;a href="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%2Farticles%2Fepi4pzdq6q51uxfaige7.webp" class="article-body-image-wrapper"&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%2Farticles%2Fepi4pzdq6q51uxfaige7.webp" alt="Top Features in PHP 8.5 - NganggurDev" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;PHP 8.5&lt;/strong&gt; which is scheduled for stable release on &lt;strong&gt;November 20 2025&lt;/strong&gt;, and it brings a fresh set of features that every developer should pay attention to. Whether you’re building APIs, web apps, or modern frameworks, this release makes coding in PHP cleaner, faster, and more enjoyable.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;So, what features will we discuss in this article?&lt;/strong&gt;&lt;br&gt;
✅ The new Pipe Operator for cleaner, chainable code&lt;br&gt;
✅ Useful array functions that save time and reduce boilerplate&lt;br&gt;
✅ Support for Closure and First-Class Callable&lt;br&gt;
✅ Anew method for handling errors and exceptions&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why it matters:&lt;/strong&gt;&lt;br&gt;
These updates help you write more readable, maintainable, and performant code, which means fewer bugs and faster development cycles.&lt;/p&gt;

&lt;p&gt;👉 In the full article, I walk you through each feature with real code examples you can try right away:&lt;br&gt;
&lt;a href="https://www.nganggurdev.com/en/article/php-85-top-new-features-you-must-know-with-code-examples" rel="noopener noreferrer"&gt;PHP 8.5: Top New Features You Must Know with Code Examples&lt;/a&gt;&lt;/p&gt;

</description>
      <category>programming</category>
      <category>php</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Filament v4 Released: Top Features to Boost Laravel App Performance</title>
      <dc:creator>Nganggur Dev</dc:creator>
      <pubDate>Wed, 20 Aug 2025 06:16:14 +0000</pubDate>
      <link>https://dev.to/nganggurdev/filament-v4-released-top-features-to-boost-laravel-app-performance-4jc3</link>
      <guid>https://dev.to/nganggurdev/filament-v4-released-top-features-to-boost-laravel-app-performance-4jc3</guid>
      <description>&lt;p&gt;&lt;a href="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%2Farticles%2F24ovy7z6j55gl5r49phj.webp" class="article-body-image-wrapper"&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%2Farticles%2F24ovy7z6j55gl5r49phj.webp" alt="Top Features for Boost Performance in Filament 4 — NganggurDev" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The wait is over — Filament v4 has finally landed, and it’s packed with upgrades that make building and managing your Laravel apps faster, smoother, and way more enjoyable.&lt;/p&gt;

&lt;p&gt;If you’ve been using Filament before, you’ll notice right away how much better v4 feels. From a cleaner interface to smarter performance improvements, this release is all about helping developers ship features without the usual overhead.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Here’s a quick look at what’s new:&lt;/strong&gt;&lt;br&gt;
✅ Partials Rendering&lt;br&gt;
✅ JavaScript Hooks&lt;br&gt;
✅ Blade Templates Optimization &amp;amp; Rendering&lt;br&gt;
✅ Improved Global Search Performance&lt;/p&gt;

&lt;p&gt;…and many more!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why this matters:&lt;/strong&gt;&lt;br&gt;
Filament v4 isn’t just a shiny update — it’s a serious productivity boost for developers who want lightweight admin panels, faster dashboards, and more control over their Laravel projects.&lt;/p&gt;

&lt;p&gt;👉 In the full article, I break down each feature with examples and how you can take advantage of them in your next Laravel build:&lt;br&gt;
&lt;a href="https://www.nganggurdev.com/en/article/filament-v4-released-top-features-to-boost-laravel-app-performance" rel="noopener noreferrer"&gt;Filament v4 Released: Top Features to Boost Laravel App Performance&lt;/a&gt;&lt;/p&gt;

</description>
      <category>laravel</category>
      <category>php</category>
      <category>programming</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Laravel Boost: Your AI Assistant for Faster Laravel Development</title>
      <dc:creator>Nganggur Dev</dc:creator>
      <pubDate>Fri, 15 Aug 2025 11:26:19 +0000</pubDate>
      <link>https://dev.to/nganggurdev/laravel-boost-your-ai-assistant-for-faster-laravel-development-2oo5</link>
      <guid>https://dev.to/nganggurdev/laravel-boost-your-ai-assistant-for-faster-laravel-development-2oo5</guid>
      <description>&lt;p&gt;&lt;a href="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%2Farticles%2Fg78vv03z2iiw0n3qxz3g.webp" class="article-body-image-wrapper"&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%2Farticles%2Fg78vv03z2iiw0n3qxz3g.webp" alt="AI Assistant for Laravel Developer - NganggurDev" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Imagine you’re in the middle of building a new &lt;strong&gt;Laravel&lt;/strong&gt; feature. You hit a roadblock — maybe a tricky database query, a confusing error, or you just can’t remember the exact syntax for a helper function.&lt;/p&gt;

&lt;p&gt;Normally, you’d search Google, dig through documentation, or ask in a developer forum and lose valuable minutes (or hours).&lt;/p&gt;

&lt;p&gt;Now imagine instead that you have an &lt;strong&gt;AI-powered Laravel&lt;/strong&gt; expert right inside your development environment — ready to give instant answers, write clean code, and guide you with best practices curated by the Laravel team.&lt;/p&gt;

&lt;p&gt;That’s exactly what &lt;strong&gt;Laravel Boost&lt;/strong&gt; brings to the table. From querying databases to searching the docs, Laravel Boost streamlines your workflow and lets you focus on what matters most: building great applications.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Let’s see how Laravel Boost can take your Laravel projects to the next level.&lt;/strong&gt; 🚀&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.nganggurdev.com/en/article/laravel-boost-ai-assistant-and-faster-laravel-development" rel="noopener noreferrer"&gt;Laravel Boost: AI Assistant and Faster Laravel Development&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>laravel</category>
      <category>php</category>
      <category>programming</category>
    </item>
    <item>
      <title>Laravel Telescope: Monitor, Debug, and Improve Your Laravel App Easily</title>
      <dc:creator>Nganggur Dev</dc:creator>
      <pubDate>Thu, 14 Aug 2025 04:50:33 +0000</pubDate>
      <link>https://dev.to/nganggurdev/laravel-telescope-monitor-debug-and-improve-your-laravel-app-easily-1lb8</link>
      <guid>https://dev.to/nganggurdev/laravel-telescope-monitor-debug-and-improve-your-laravel-app-easily-1lb8</guid>
      <description>&lt;p&gt;&lt;a href="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%2Farticles%2Fi3x0i0gcqlbemtxeb91m.webp" class="article-body-image-wrapper"&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%2Farticles%2Fi3x0i0gcqlbemtxeb91m.webp" alt="How to Real-Time Monitoring and Debugging with Laravel Telescope - NganggurDev" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ever had your &lt;strong&gt;Laravel&lt;/strong&gt; app behave strangely — random errors popping up, pages loading slower than usual, or things just not working as expected?&lt;br&gt;
Imagine if you could peek behind the scenes and see exactly what’s going on, right as it happens.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Laravel Telescope&lt;/strong&gt; — the official Laravel debugging assistant that gives you deep insights into:&lt;/p&gt;

&lt;p&gt;✅ Requests and responses&lt;br&gt;
✅ Database queries and performance&lt;br&gt;
✅ Exceptions and logs&lt;br&gt;
✅ Scheduled tasks &amp;amp; queued jobs&lt;br&gt;
✅ Cache operations, mail, and notifications&lt;/p&gt;

&lt;p&gt;With Telescope, you can:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Track down slow queries&lt;/li&gt;
&lt;li&gt;Detection N+1 Problem query&lt;/li&gt;
&lt;li&gt;Catch hidden bugs before they hit production&lt;/li&gt;
&lt;li&gt;Monitor your API and background jobs&lt;/li&gt;
&lt;li&gt;Improve overall app performance&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Whether you’re debugging a tricky bug or optimizing a high-traffic app, Laravel Telescope makes the process effortless.&lt;/p&gt;

&lt;p&gt;👉 Full guide here:&lt;br&gt;
&lt;a href="https://www.nganggurdev.com/en/article/laravel-telescope-monitor-debug-and-improve-your-laravel-app-with-easily" rel="noopener noreferrer"&gt;Laravel Telescope: Monitor, Debug, And Improve Your Laravel APP with Easily&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>laravel</category>
      <category>php</category>
    </item>
    <item>
      <title>How To Secure Laravel API Authentication with Sanctum — Complete Security Guide</title>
      <dc:creator>Nganggur Dev</dc:creator>
      <pubDate>Wed, 13 Aug 2025 12:19:28 +0000</pubDate>
      <link>https://dev.to/nganggurdev/how-to-secure-laravel-api-authentication-with-sanctum-complete-security-guide-541n</link>
      <guid>https://dev.to/nganggurdev/how-to-secure-laravel-api-authentication-with-sanctum-complete-security-guide-541n</guid>
      <description>&lt;p&gt;&lt;a href="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%2Farticles%2F81vz6vjckrmmg0q9x4e6.webp" class="article-body-image-wrapper"&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%2Farticles%2F81vz6vjckrmmg0q9x4e6.webp" alt="Secure API Auth with Laravel Sanctum - NganggurDev" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Building an API with &lt;strong&gt;Laravel&lt;/strong&gt;?&lt;br&gt;
You need to make sure it’s secure — especially if it handles sensitive user data or financial transactions.&lt;/p&gt;

&lt;p&gt;In this guide, we’ll cover how to use Laravel Sanctum to protect your API with token-based authentication while following best security practices.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🔐 You’ll Learn:&lt;/strong&gt;&lt;br&gt;
✅ How Laravel Sanctum works for token-based APIs&lt;br&gt;
✅ Setting up authentication routes and middleware&lt;br&gt;
✅ Protecting endpoints with auth:sanctum&lt;br&gt;
✅ Handling CORS and preventing CSRF attacks&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why Sanctum for API Security?&lt;/strong&gt;&lt;br&gt;
Laravel Sanctum is lightweight yet powerful, making it perfect for securing APIs without the complexity of OAuth. It supports personal access tokens, SPA authentication, and mobile app integration.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Quick Example:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;&lt;span class="nc"&gt;Route&lt;/span&gt;&lt;span class="o"&gt;::&lt;/span&gt;&lt;span class="nf"&gt;middleware&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'auth:sanctum'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;&lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;&lt;span class="nf"&gt;get&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'/user'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="k"&gt;function&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="kt"&gt;Request&lt;/span&gt; &lt;span class="nv"&gt;$request&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nv"&gt;$request&lt;/span&gt;&lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;&lt;span class="nf"&gt;user&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;This ensures only authenticated requests with valid tokens can access the &lt;code&gt;/user&lt;/code&gt; endpoint.&lt;/p&gt;

&lt;p&gt;👉 Full step-by-step security guide here:&lt;br&gt;
&lt;a href="https://www.nganggurdev.com/en/article/how-to-secure-laravel-api-authentication-with-sanctum-security-guide" rel="noopener noreferrer"&gt;How To Secure Laravel API Authentication with Sanctum — Security Guide&lt;/a&gt;&lt;/p&gt;

</description>
      <category>programming</category>
      <category>laravel</category>
      <category>api</category>
      <category>security</category>
    </item>
    <item>
      <title>Create a Minimalist &amp; Responsive Landing Page with CSS — Quick and Easy Tutorial</title>
      <dc:creator>Nganggur Dev</dc:creator>
      <pubDate>Sun, 10 Aug 2025 05:20:21 +0000</pubDate>
      <link>https://dev.to/nganggurdev/create-a-minimalist-responsive-landing-page-with-css-quick-and-easy-tutorial-36lk</link>
      <guid>https://dev.to/nganggurdev/create-a-minimalist-responsive-landing-page-with-css-quick-and-easy-tutorial-36lk</guid>
      <description>&lt;p&gt;&lt;a href="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%2Farticles%2Frwr90mkp2ox32hh4l1om.webp" class="article-body-image-wrapper"&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%2Farticles%2Frwr90mkp2ox32hh4l1om.webp" alt="Create a Simple Responsive Landing Page - NganggurDev" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Want to design a beautiful and mobile-friendly landing page without complicated frameworks?&lt;/p&gt;

&lt;p&gt;In this tutorial, i will show you how to create a minimalist responsive landing page using just HTML and CSS plus a tiny touch of JavaScript for mobile navigation.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What You’ll Learn:&lt;/strong&gt;&lt;br&gt;
✅ How to structure a clean HTML layout&lt;br&gt;
✅ CSS techniques for a responsive design&lt;br&gt;
✅ Styling tips to keep your landing page minimal and elegant&lt;br&gt;
✅ Making it look perfect on both desktop and mobile&lt;/p&gt;

&lt;p&gt;👉 Read the full step-by-step guide here:&lt;br&gt;
&lt;a href="https://www.nganggurdev.com/en/article/create-a-minimalist-responsive-landing-page-with-css-quick-and-easy-tutorial" rel="noopener noreferrer"&gt;Create a Minimalist &amp;amp; Responsive Landing Page with CSS — Quick and Easy Tutorial&lt;/a&gt;&lt;/p&gt;

</description>
      <category>css</category>
      <category>webdev</category>
      <category>programming</category>
      <category>design</category>
    </item>
    <item>
      <title>Learn Basic CSS Media Queries: Build Responsive Layouts for Every Screen Size</title>
      <dc:creator>Nganggur Dev</dc:creator>
      <pubDate>Wed, 06 Aug 2025 12:18:50 +0000</pubDate>
      <link>https://dev.to/nganggurdev/learn-basic-css-media-queries-build-responsive-layouts-for-every-screen-size-k4g</link>
      <guid>https://dev.to/nganggurdev/learn-basic-css-media-queries-build-responsive-layouts-for-every-screen-size-k4g</guid>
      <description>&lt;p&gt;&lt;a href="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%2Farticles%2Fre3o1qspw01cx2j1bji4.webp" class="article-body-image-wrapper"&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%2Farticles%2Fre3o1qspw01cx2j1bji4.webp" alt="Learn Basic CSS Media Query - NganggurDev" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Are your web layouts breaking on mobile or tablets?&lt;br&gt;
It’s time to learn CSS Media Queries — the secret to building responsive, mobile-first websites.&lt;/p&gt;

&lt;p&gt;Media queries allow your design to adapt to different screen sizes, orientations, and device capabilities without relying on JavaScript.&lt;/p&gt;

&lt;p&gt;📱 In this tutorial, you’ll learn:&lt;br&gt;
✅ Understanding why responsive design is important&lt;br&gt;
✅ How to apply styles conditionally based on screen width&lt;br&gt;
✅ Common breakpoints for mobile, tablet, and desktop&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why Media Queries Matter:&lt;/strong&gt;&lt;br&gt;
With most users browsing on phones, responsive design is no longer optional. Media queries are essential for accessibility, SEO, and user experience.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Quick Example:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="k"&gt;@mesdia&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;max-width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;768px&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nc"&gt;.container&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;flex-direction&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;column&lt;/span&gt;&lt;span class="p"&gt;;&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;This rule changes a flex layout to a stacked column layout on screens 768px wide or smaller.&lt;/p&gt;

&lt;p&gt;👉 Read the full guide with examples, tips, and best practices:&lt;br&gt;
&lt;a href="https://www.nganggurdev.com/en/article/css-media-query-tutorial-build-mobile-friendly-responsive-layout" rel="noopener noreferrer"&gt;CSS Media Query Tutorial: Build Mobile-Friendly Responsive Layout&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>css</category>
      <category>frontend</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
