<?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>Forem: Djamware Tutorial</title>
    <description>The latest articles on Forem by Djamware Tutorial (@djamware_tutorial_eba1a61).</description>
    <link>https://forem.com/djamware_tutorial_eba1a61</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%2F3122404%2F1f86f56c-f1b4-483d-9062-c1c2ef4aaf70.png</url>
      <title>Forem: Djamware Tutorial</title>
      <link>https://forem.com/djamware_tutorial_eba1a61</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/djamware_tutorial_eba1a61"/>
    <language>en</language>
    <item>
      <title>Set Up ESLint and Prettier in a Vue 3 Project for Clean Code</title>
      <dc:creator>Djamware Tutorial</dc:creator>
      <pubDate>Tue, 21 Apr 2026 11:57:40 +0000</pubDate>
      <link>https://forem.com/djamware_tutorial_eba1a61/set-up-eslint-and-prettier-in-a-vue-3-project-for-clean-code-32ml</link>
      <guid>https://forem.com/djamware_tutorial_eba1a61/set-up-eslint-and-prettier-in-a-vue-3-project-for-clean-code-32ml</guid>
      <description>&lt;p&gt;This tutorial covers how to use ESLint and Prettier together in a Vue 3 + Vite project to keep your code clean, readable, and team-friendly.&lt;/p&gt;

&lt;p&gt;Topics covered:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Vue 3 project setup&lt;/li&gt;
&lt;li&gt;ESLint flat config&lt;/li&gt;
&lt;li&gt;Prettier integration&lt;/li&gt;
&lt;li&gt;VS Code auto-format on save&lt;/li&gt;
&lt;li&gt;Team best practices for consistent code standards&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you want a more professional Vue workflow, this setup is essential.&lt;/p&gt;

&lt;p&gt;Read the full guide:&lt;br&gt;
&lt;a href="https://www.djamware.com/post/set-up-eslint-and-prettier-in-a-vue-3-project-for-clean-code" rel="noopener noreferrer"&gt;https://www.djamware.com/post/set-up-eslint-and-prettier-in-a-vue-3-project-for-clean-code&lt;/a&gt;&lt;/p&gt;

</description>
      <category>vue</category>
      <category>eslint</category>
      <category>prettier</category>
      <category>cleancode</category>
    </item>
    <item>
      <title>Building Reactive Microservices with Quarkus + Mutiny</title>
      <dc:creator>Djamware Tutorial</dc:creator>
      <pubDate>Thu, 16 Apr 2026 11:48:08 +0000</pubDate>
      <link>https://forem.com/djamware_tutorial_eba1a61/building-reactive-microservices-with-quarkus-mutiny-3efi</link>
      <guid>https://forem.com/djamware_tutorial_eba1a61/building-reactive-microservices-with-quarkus-mutiny-3efi</guid>
      <description>&lt;p&gt;In this guide, we build a reactive product microservice using Quarkus and Mutiny with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Uni for async single results&lt;/li&gt;
&lt;li&gt;Multi for streams&lt;/li&gt;
&lt;li&gt;RESTEasy Reactive&lt;/li&gt;
&lt;li&gt;SSE streaming&lt;/li&gt;
&lt;li&gt;non-blocking API design&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A practical tutorial for Java backend developers who want to build modern cloud-native services.&lt;/p&gt;

&lt;p&gt;Read the full article:&lt;br&gt;
&lt;a href="https://www.djamware.com/post/building-reactive-microservices-with-quarkus-mutiny" rel="noopener noreferrer"&gt;https://www.djamware.com/post/building-reactive-microservices-with-quarkus-mutiny&lt;/a&gt;&lt;/p&gt;

</description>
      <category>quarkus</category>
      <category>mutiny</category>
      <category>reactive</category>
      <category>microservices</category>
    </item>
    <item>
      <title>React Responsive Design with CSS Grid and Media Queries</title>
      <dc:creator>Djamware Tutorial</dc:creator>
      <pubDate>Mon, 13 Apr 2026 11:36:37 +0000</pubDate>
      <link>https://forem.com/djamware_tutorial_eba1a61/react-responsive-design-with-css-grid-and-media-queries-2lo5</link>
      <guid>https://forem.com/djamware_tutorial_eba1a61/react-responsive-design-with-css-grid-and-media-queries-2lo5</guid>
      <description>&lt;p&gt;Learn how to build mobile-first responsive layouts in React using:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;CSS Grid&lt;/li&gt;
&lt;li&gt;media queries&lt;/li&gt;
&lt;li&gt;adaptive sidebars&lt;/li&gt;
&lt;li&gt;responsive cards&lt;/li&gt;
&lt;li&gt;auto-fit + minmax()&lt;/li&gt;
&lt;li&gt;fluid typography with clamp()&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A practical tutorial for building modern dashboards and admin UIs.&lt;/p&gt;

&lt;p&gt;Read the full guide:&lt;br&gt;
&lt;a href="https://www.djamware.com/post/react-responsive-design-with-css-grid-and-media-queries-build-mobile-first-layouts" rel="noopener noreferrer"&gt;https://www.djamware.com/post/react-responsive-design-with-css-grid-and-media-queries-build-mobile-first-layouts&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>responsivedesign</category>
      <category>cssgrid</category>
      <category>mediaqueries</category>
    </item>
    <item>
      <title>How to Build a URL Shortener in Java with Spring Boot and MongoDB</title>
      <dc:creator>Djamware Tutorial</dc:creator>
      <pubDate>Wed, 08 Apr 2026 11:34:53 +0000</pubDate>
      <link>https://forem.com/djamware_tutorial_eba1a61/how-to-build-a-url-shortener-in-java-with-spring-boot-and-mongodb-15bp</link>
      <guid>https://forem.com/djamware_tutorial_eba1a61/how-to-build-a-url-shortener-in-java-with-spring-boot-and-mongodb-15bp</guid>
      <description>&lt;p&gt;Just published a new step-by-step tutorial on Djamware.&lt;/p&gt;

&lt;p&gt;In this guide, we build a TinyURL-style backend project using:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Java 21&lt;/li&gt;
&lt;li&gt;Spring Boot&lt;/li&gt;
&lt;li&gt;MongoDB&lt;/li&gt;
&lt;li&gt;REST API&lt;/li&gt;
&lt;li&gt;URL redirection&lt;/li&gt;
&lt;li&gt;click analytics&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A great real-world project for learning backend development and system design fundamentals.&lt;/p&gt;

&lt;p&gt;🔗 Full tutorial: &lt;a href="https://www.djamware.com/post/how-to-build-a-url-shortener-in-java-with-spring-boot-and-mongodb" rel="noopener noreferrer"&gt;How to Build a URL Shortener in Java with Spring Boot and MongoDB&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Would love feedback from fellow Java and Spring Boot developers!&lt;/p&gt;

</description>
      <category>java</category>
      <category>springboot</category>
      <category>mongodb</category>
      <category>urlshortener</category>
    </item>
    <item>
      <title>Angular 21 HttpClient Tutorial: Consume REST API with Modern Best Practices</title>
      <dc:creator>Djamware Tutorial</dc:creator>
      <pubDate>Mon, 06 Apr 2026 14:00:36 +0000</pubDate>
      <link>https://forem.com/djamware_tutorial_eba1a61/angular-21-httpclient-tutorial-consume-rest-api-with-modern-best-practices-508k</link>
      <guid>https://forem.com/djamware_tutorial_eba1a61/angular-21-httpclient-tutorial-consume-rest-api-with-modern-best-practices-508k</guid>
      <description>&lt;p&gt;I just updated my long-running Angular HttpClient tutorial for Angular 21.&lt;/p&gt;

&lt;p&gt;This guide covers:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;standalone components&lt;/li&gt;
&lt;li&gt;Signals&lt;/li&gt;
&lt;li&gt;provideHttpClient()&lt;/li&gt;
&lt;li&gt;functional interceptors&lt;/li&gt;
&lt;li&gt;loading/error states&lt;/li&gt;
&lt;li&gt;modern &lt;a class="mentioned-user" href="https://dev.to/if"&gt;@if&lt;/a&gt; and &lt;a class="mentioned-user" href="https://dev.to/for"&gt;@for&lt;/a&gt; syntax&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It’s a full step-by-step tutorial with working examples and production-ready patterns.&lt;/p&gt;

&lt;p&gt;Would love feedback from the Angular community.&lt;/p&gt;

&lt;p&gt;🔗 Full article:&lt;br&gt;
&lt;a href="https://www.djamware.com/post/angular-tutorial-consume-rest-api-using-httpclient-example" rel="noopener noreferrer"&gt;https://www.djamware.com/post/angular-tutorial-consume-rest-api-using-httpclient-example&lt;/a&gt;&lt;/p&gt;

</description>
      <category>angular</category>
      <category>webdev</category>
      <category>javascript</category>
      <category>typescript</category>
    </item>
    <item>
      <title>Mastering Groovy Operators: Elvis, Safe Navigation, Spread, and More (With Examples)</title>
      <dc:creator>Djamware Tutorial</dc:creator>
      <pubDate>Tue, 10 Mar 2026 09:02:13 +0000</pubDate>
      <link>https://forem.com/djamware_tutorial_eba1a61/mastering-groovy-operators-elvis-safe-navigation-spread-and-more-with-examples-2d4n</link>
      <guid>https://forem.com/djamware_tutorial_eba1a61/mastering-groovy-operators-elvis-safe-navigation-spread-and-more-with-examples-2d4n</guid>
      <description>&lt;p&gt;Groovy includes several powerful operators that make your code cleaner and more expressive than traditional Java-style syntax.&lt;/p&gt;

&lt;p&gt;In this tutorial, you'll learn how to use:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Elvis Operator (?:)&lt;/li&gt;
&lt;li&gt;Safe Navigation Operator (?.)&lt;/li&gt;
&lt;li&gt;Spread Operator (*.)&lt;/li&gt;
&lt;li&gt;Method Pointer Operator (.&amp;amp;)&lt;/li&gt;
&lt;li&gt;Direct Field Access (.@)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You'll see practical examples showing how these operators reduce boilerplate and help prevent NullPointerExceptions.&lt;/p&gt;

&lt;p&gt;Great for developers using Groovy with Grails, Spring Boot, or JVM applications.&lt;/p&gt;

&lt;p&gt;Read the full tutorial:&lt;br&gt;
&lt;a href="https://www.djamware.com/post/mastering-groovy-operators-elvis-safe-navigation-spread-and-more-with-examples" rel="noopener noreferrer"&gt;https://www.djamware.com/post/mastering-groovy-operators-elvis-safe-navigation-spread-and-more-with-examples&lt;/a&gt;&lt;/p&gt;

</description>
      <category>groovy</category>
      <category>elvis</category>
      <category>safenavigation</category>
      <category>spread</category>
    </item>
    <item>
      <title>Build a Realtime Chat App in React Native with Firebase – Step-By-Step Guide (2026)</title>
      <dc:creator>Djamware Tutorial</dc:creator>
      <pubDate>Mon, 16 Feb 2026 11:52:37 +0000</pubDate>
      <link>https://forem.com/djamware_tutorial_eba1a61/build-a-realtime-chat-app-in-react-native-with-firebase-step-by-step-guide-2026-bb7</link>
      <guid>https://forem.com/djamware_tutorial_eba1a61/build-a-realtime-chat-app-in-react-native-with-firebase-step-by-step-guide-2026-bb7</guid>
      <description>&lt;p&gt;Learn how to build a scalable realtime chat application using React Native (0.80+), Firebase Authentication, and Cloud Firestore. This guide goes beyond basic demos to include:&lt;/p&gt;

&lt;p&gt;✔ Modular Firebase setup (v10+)&lt;br&gt;
✔ Auth flow with login/signup&lt;br&gt;
✔ Realtime Firestore listeners for messages&lt;br&gt;
✔ Clean architecture (hooks/services/components)&lt;br&gt;
✔ Message pagination &amp;amp; performance tips&lt;br&gt;
✔ Firestore security rules &amp;amp; offline support&lt;/p&gt;

&lt;p&gt;Get the full code and walkthrough:&lt;br&gt;
👉 &lt;a href="https://www.djamware.com/post/build-a-realtime-chat-app-in-react-native-with-firebase" rel="noopener noreferrer"&gt;https://www.djamware.com/post/build-a-realtime-chat-app-in-react-native-with-firebase&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Happy coding! 🙌&lt;/p&gt;

</description>
      <category>reactnative</category>
      <category>firebase</category>
      <category>realtime</category>
      <category>chatapp</category>
    </item>
    <item>
      <title>Nuxt 4 SEO Optimization Guide (2026 Edition)</title>
      <dc:creator>Djamware Tutorial</dc:creator>
      <pubDate>Fri, 06 Feb 2026 13:09:06 +0000</pubDate>
      <link>https://forem.com/djamware_tutorial_eba1a61/nuxt-4-seo-optimization-guide-2026-edition-2lck</link>
      <guid>https://forem.com/djamware_tutorial_eba1a61/nuxt-4-seo-optimization-guide-2026-edition-2lck</guid>
      <description>&lt;p&gt;Nuxt 4 is powerful — but SEO doesn’t happen by accident. This in-depth guide covers everything from rendering strategies (SSR/SSG) to structured data and Google Discover optimization.&lt;/p&gt;

&lt;p&gt;What you’ll find inside:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;SEO meta best practices with useSeoMeta()&lt;/li&gt;
&lt;li&gt;Canonical URLs &amp;amp; sitemap/robots control&lt;/li&gt;
&lt;li&gt;Article JSON-LD, FAQ, and breadcrumb schema&lt;/li&gt;
&lt;li&gt;Core Web Vitals optimization (LCP, CLS, INP)&lt;/li&gt;
&lt;li&gt;Image SEO rules for Discover&lt;/li&gt;
&lt;li&gt;International &amp;amp; multi-language SEO&lt;/li&gt;
&lt;li&gt;A full production SEO checklist&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;📌 Check it out: &lt;a href="https://www.djamware.com/post/6985dabb6a0634337b1eaec3/nuxt-4-seo-optimization-guide-2026-edition" rel="noopener noreferrer"&gt;https://www.djamware.com/post/6985dabb6a0634337b1eaec3/nuxt-4-seo-optimization-guide-2026-edition&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you’re serious about SEO and Nuxt 4, this guide is worth your time. 👇&lt;/p&gt;

</description>
      <category>nuxt4</category>
      <category>seo</category>
      <category>optimization</category>
      <category>guide</category>
    </item>
    <item>
      <title>Flutter 3 Firebase Authentication: Email, Google &amp; Apple Sign-In</title>
      <dc:creator>Djamware Tutorial</dc:creator>
      <pubDate>Tue, 03 Feb 2026 13:10:44 +0000</pubDate>
      <link>https://forem.com/djamware_tutorial_eba1a61/flutter-3-firebase-authentication-email-google-apple-sign-in-416k</link>
      <guid>https://forem.com/djamware_tutorial_eba1a61/flutter-3-firebase-authentication-email-google-apple-sign-in-416k</guid>
      <description>&lt;p&gt;Authentication is one of the most critical parts of any mobile app — and also one of the easiest places to get things wrong.&lt;/p&gt;

&lt;p&gt;I’ve published a complete Flutter 3 + Firebase Authentication tutorial that walks through building a production-ready auth flow with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Email &amp;amp; Password authentication&lt;/li&gt;
&lt;li&gt;Google Sign-In (using Firebase providers)&lt;/li&gt;
&lt;li&gt;Apple Sign-In (nonce-based, iOS compliant)&lt;/li&gt;
&lt;li&gt;Auth state listeners for auto login &amp;amp; session handling&lt;/li&gt;
&lt;li&gt;Security best practices and account linking&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The tutorial avoids deprecated APIs and reflects how Flutter apps are built today.&lt;/p&gt;

&lt;p&gt;👉 Read the full guide:&lt;br&gt;
&lt;a href="https://www.djamware.com/post/6981eba64ff631795c4bb034/flutter-3-firebase-authentication-tutorial-email-google-apple-signin" rel="noopener noreferrer"&gt;https://www.djamware.com/post/6981eba64ff631795c4bb034/flutter-3-firebase-authentication-tutorial-email-google-apple-signin&lt;/a&gt;&lt;/p&gt;

</description>
      <category>flutter</category>
      <category>firebase</category>
      <category>googlesignin</category>
      <category>applesignin</category>
    </item>
    <item>
      <title>Next.js SEO Optimization Guide (2026 Edition)</title>
      <dc:creator>Djamware Tutorial</dc:creator>
      <pubDate>Wed, 28 Jan 2026 14:28:53 +0000</pubDate>
      <link>https://forem.com/djamware_tutorial_eba1a61/nextjs-seo-optimization-guide-2026-edition-4oen</link>
      <guid>https://forem.com/djamware_tutorial_eba1a61/nextjs-seo-optimization-guide-2026-edition-4oen</guid>
      <description>&lt;p&gt;SEO in Next.js has evolved — and many older tutorials are now outdated.&lt;/p&gt;

&lt;p&gt;In this guide, I cover modern, App Router–based SEO in Next.js, including:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;How search engines crawl and index Next.js apps&lt;/li&gt;
&lt;li&gt;Server Components vs Client Components for SEO&lt;/li&gt;
&lt;li&gt;The Metadata API (generateMetadata)&lt;/li&gt;
&lt;li&gt;Open Graph &amp;amp; Google Discover optimization&lt;/li&gt;
&lt;li&gt;Core Web Vitals (LCP, CLS, INP)&lt;/li&gt;
&lt;li&gt;Structured data (Schema.org)&lt;/li&gt;
&lt;li&gt;International &amp;amp; multi-language SEO&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This article is written for developers who want predictable rankings, faster indexing, and fewer SEO surprises.&lt;/p&gt;

&lt;p&gt;👉 Full article: &lt;a href="https://www.djamware.com/post/697a19b07c935b6bb054313e/nextjs-seo-optimization-guide-2026-edition" rel="noopener noreferrer"&gt;https://www.djamware.com/post/697a19b07c935b6bb054313e/nextjs-seo-optimization-guide-2026-edition&lt;/a&gt;&lt;/p&gt;

</description>
      <category>nextjs</category>
      <category>seo</category>
      <category>optimization</category>
      <category>guide</category>
    </item>
    <item>
      <title>How to Use Capacitor Plugins in Ionic: Best Practices &amp; Native Feature Integration</title>
      <dc:creator>Djamware Tutorial</dc:creator>
      <pubDate>Wed, 28 Jan 2026 02:10:54 +0000</pubDate>
      <link>https://forem.com/djamware_tutorial_eba1a61/how-to-use-capacitor-plugins-in-ionic-best-practices-native-feature-integration-1oib</link>
      <guid>https://forem.com/djamware_tutorial_eba1a61/how-to-use-capacitor-plugins-in-ionic-best-practices-native-feature-integration-1oib</guid>
      <description>&lt;p&gt;Capacitor is the modern bridge between Ionic apps and native device APIs. This tutorial explains how to use Capacitor plugins correctly, handle permissions, build custom plugins, and avoid common production pitfalls.&lt;/p&gt;

&lt;p&gt;Read here: &lt;a href="https://www.djamware.com/post/6978808aa27b5654e84ac356/using-capacitor-plugins-in-ionic-best-practices-for-native-features" rel="noopener noreferrer"&gt;https://www.djamware.com/post/6978808aa27b5654e84ac356/using-capacitor-plugins-in-ionic-best-practices-for-native-features&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ionic</category>
      <category>capacitor</category>
      <category>plugins</category>
      <category>bestpractices</category>
    </item>
    <item>
      <title>Monorepo Architecture with NestJS and Nx: From CI/CD to Kubernetes</title>
      <dc:creator>Djamware Tutorial</dc:creator>
      <pubDate>Mon, 26 Jan 2026 12:30:21 +0000</pubDate>
      <link>https://forem.com/djamware_tutorial_eba1a61/monorepo-architecture-with-nestjs-and-nx-from-cicd-to-kubernetes-l0l</link>
      <guid>https://forem.com/djamware_tutorial_eba1a61/monorepo-architecture-with-nestjs-and-nx-from-cicd-to-kubernetes-l0l</guid>
      <description>&lt;p&gt;A complete, hands-on guide to building scalable NestJS backends using an Nx monorepo. Covers shared libraries, enforced architecture, CI/CD optimization, Docker, Kubernetes deployments, and Ingress/API Gateway setup.&lt;/p&gt;

&lt;p&gt;Read more: &lt;a href="https://www.djamware.com/post/697758efc215542afd7b6452/monorepo-architecture-with-nestjs-and-nx-cicd-docker-k8s" rel="noopener noreferrer"&gt;https://www.djamware.com/post/697758efc215542afd7b6452/monorepo-architecture-with-nestjs-and-nx-cicd-docker-k8s&lt;/a&gt;&lt;/p&gt;

</description>
      <category>monorepo</category>
      <category>architecture</category>
      <category>nestjs</category>
      <category>nx</category>
    </item>
  </channel>
</rss>
