<?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: Maulana Yusuf Azmi</title>
    <description>The latest articles on DEV Community by Maulana Yusuf Azmi (@maulana_yusufazmi_ddcea4).</description>
    <link>https://dev.to/maulana_yusufazmi_ddcea4</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%2F1618665%2F5ff069a6-9f5a-4d85-a6a1-a2b3e9b08de9.png</url>
      <title>DEV Community: Maulana Yusuf Azmi</title>
      <link>https://dev.to/maulana_yusufazmi_ddcea4</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/maulana_yusufazmi_ddcea4"/>
    <language>en</language>
    <item>
      <title>New Year, New Portfolio: How Google AI &amp; Cloud Run Powered ucupio.com</title>
      <dc:creator>Maulana Yusuf Azmi</dc:creator>
      <pubDate>Mon, 26 Jan 2026 15:10:37 +0000</pubDate>
      <link>https://dev.to/maulana_yusufazmi_ddcea4/new-year-new-portfolio-how-google-ai-cloud-run-powered-ucupiocom-3jl6</link>
      <guid>https://dev.to/maulana_yusufazmi_ddcea4/new-year-new-portfolio-how-google-ai-cloud-run-powered-ucupiocom-3jl6</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/new-year-new-you-google-ai-2025-12-31"&gt;New Year, New You Portfolio Challenge Presented by Google AI&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  About Me
&lt;/h2&gt;

&lt;p&gt;Hi everyone! 👋 I'm &lt;strong&gt;Ucup&lt;/strong&gt;, a developer based in Indonesia who loves turning complex problems into simple, beautiful interfaces.&lt;/p&gt;

&lt;p&gt;For 2025, I promised myself to step up my game—not just in coding, but in how I present my work to the world. &lt;strong&gt;ucupio.com&lt;/strong&gt; is the result of that resolution. It's more than just a resume; it's a playground where I experiment with new technologies and showcase the projects I'm most passionate about.&lt;/p&gt;

&lt;h2&gt;
  
  
  Portfolio
&lt;/h2&gt;

&lt;p&gt;I’ve deployed my portfolio on &lt;strong&gt;Google Cloud Run&lt;/strong&gt; to ensure it's fast, scalable, and reliable. You can explore it interactively right here:&lt;/p&gt;

&lt;p&gt;

&lt;/p&gt;
&lt;div class="ltag__cloud-run"&gt;
  &lt;iframe height="600px" src="https://portfolio-ucupio-983455964167.asia-northeast1.run.app"&gt;
  &lt;/iframe&gt;
&lt;/div&gt;




&lt;h3&gt;
  
  
  Direct Link
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://ucupio.com" rel="noopener noreferrer"&gt;&lt;strong&gt;https://ucupio.com&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;p&gt;My main goal was to build a site that feels instant and looks great on any device.&lt;/p&gt;

&lt;h3&gt;
  
  
  Tech Stack
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Core:&lt;/strong&gt; Built with &lt;strong&gt;[React VITE]&lt;/strong&gt; for a reactive user experience.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Styling:&lt;/strong&gt; I used &lt;strong&gt;[Tailwind CSS / CSS Modules]&lt;/strong&gt; to keep the design clean and consistent without writing distinct stylesheets.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Deployment:&lt;/strong&gt; The site is containerized using &lt;strong&gt;Docker&lt;/strong&gt; and deployed effortlessly to &lt;strong&gt;Google Cloud Run&lt;/strong&gt;. This setup means I don't have to worry about server maintenance—I just push code, and it runs.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  The Google AI Edge
&lt;/h3&gt;

&lt;p&gt;This project gave me a chance to really utilize &lt;strong&gt;Google AI (Gemini)&lt;/strong&gt; in my workflow:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; &lt;strong&gt;Troubleshooting:&lt;/strong&gt; When my Docker build failed initially, I pasted the error logs into Gemini, and it pinpointed the missing dependency immediately.&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;Content Refinement:&lt;/strong&gt; English isn't my first language, so I used Gemini to help polish the copy on my "About" page to make it sound more engaging.&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;Code Suggestions:&lt;/strong&gt; I asked Gemini for best practices on responsive layouts, which saved me hours of trial and error.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  What I'm Most Proud Of
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;The Deployment Pipeline:&lt;/strong&gt; Setting up a CI/CD flow where my code goes from GitHub directly to a live Cloud Run URL feels like magic every time.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Performance Score:&lt;/strong&gt; I managed to achieve a high Lighthouse score by optimizing images and code splitting.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Minimalist Design:&lt;/strong&gt; I'm proud that I resisted the urge to clutter the screen. The focus stays 100% on the work.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I’d love to hear your feedback! Thanks for checking it out.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>googleaichallenge</category>
      <category>portfolio</category>
      <category>gemini</category>
    </item>
  </channel>
</rss>
