<?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: Fabrizio La Rosa</title>
    <description>The latest articles on DEV Community by Fabrizio La Rosa (@fbrzlarosa).</description>
    <link>https://dev.to/fbrzlarosa</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%2F600813%2Fa7811b5b-fc25-412a-9f50-fe1ba19f37ac.png</url>
      <title>DEV Community: Fabrizio La Rosa</title>
      <link>https://dev.to/fbrzlarosa</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/fbrzlarosa"/>
    <language>en</language>
    <item>
      <title>What If Moore Was Right?</title>
      <dc:creator>Fabrizio La Rosa</dc:creator>
      <pubDate>Sun, 15 Feb 2026 17:28:55 +0000</pubDate>
      <link>https://dev.to/fbrzlarosa/what-if-moore-was-right-4ho2</link>
      <guid>https://dev.to/fbrzlarosa/what-if-moore-was-right-4ho2</guid>
      <description>&lt;p&gt;We live in an era where technological evolution is no longer linear, but exponential. Every year we witness larger, faster, and more sophisticated artificial intelligence models. Neural networks—especially Large Language Models (LLMs)—have made leaps that would have seemed like science fiction just a decade ago.&lt;/p&gt;

&lt;p&gt;So a natural question arises: if Moore’s Law continues, at least in spirit, to describe the growth of computational capacity, is it plausible that one day we will replicate—or at least approach—the neural system of the human brain?&lt;/p&gt;

&lt;p&gt;Let’s explore this hypothesis without naïve enthusiasm, but also without sterile skepticism.&lt;/p&gt;




&lt;h2&gt;
  
  
  Moore’s Law: A Technological Prophecy
&lt;/h2&gt;

&lt;p&gt;In 1965, Gordon Moore, co-founder of Intel, observed that the number of transistors in integrated circuits tended to double roughly every 18–24 months. This prediction—known as Moore’s Law—was not a physical law, but an empirical observation that proved astonishingly accurate for decades.&lt;/p&gt;

&lt;p&gt;What does this mean in practice?&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;More transistors → more computational power
&lt;/li&gt;
&lt;li&gt;More computational power → larger models
&lt;/li&gt;
&lt;li&gt;Larger models → greater representational capacity
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;In recent years, Moore’s Law has slowed at the purely physical level (extreme miniaturization, quantum limits, energy costs). Yet it has been “bypassed” through:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Parallel architectures (GPUs, TPUs)
&lt;/li&gt;
&lt;li&gt;Distributed cloud computing
&lt;/li&gt;
&lt;li&gt;Algorithmic optimizations
&lt;/li&gt;
&lt;li&gt;AI scaling laws
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;In other words: even if transistors no longer double with the same regularity, the effective ability to train massive models continues to grow.&lt;/p&gt;




&lt;h2&gt;
  
  
  LLMs: How Far Are We from the Human Brain?
&lt;/h2&gt;

&lt;p&gt;It is often said that current LLMs represent only a tiny fraction of the complexity of the human brain—sometimes symbolically described as “0.0001%.” While such percentages are more metaphorical than scientific, the comparison is still intriguing.&lt;/p&gt;

&lt;h3&gt;
  
  
  Human brain (order of magnitude):
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;~86 billion neurons
&lt;/li&gt;
&lt;li&gt;~100 trillion synapses
&lt;/li&gt;
&lt;li&gt;Energy consumption: ~20 watts
&lt;/li&gt;
&lt;li&gt;Continuous dynamic plasticity
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Modern LLMs:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Hundreds of billions (or more) parameters
&lt;/li&gt;
&lt;li&gt;No true online plasticity
&lt;/li&gt;
&lt;li&gt;Centrally trained
&lt;/li&gt;
&lt;li&gt;Enormous energy consumption during training
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;At first glance, we seem extremely far away. But the crucial point is not only the quantity of “connections,” but the nature of computation itself.&lt;/p&gt;

&lt;p&gt;A parameter in an LLM is not a biological synapse.&lt;br&gt;&lt;br&gt;
A transformer network is not a cerebral cortex.&lt;br&gt;&lt;br&gt;
And yet both implement distributed information processing systems.&lt;/p&gt;




&lt;h2&gt;
  
  
  Is the Brain Just a Biological Machine?
&lt;/h2&gt;

&lt;p&gt;Here we reach the philosophical core of the issue.&lt;/p&gt;

&lt;p&gt;If the brain is a physical system:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Composed of matter
&lt;/li&gt;
&lt;li&gt;Governed by physical laws
&lt;/li&gt;
&lt;li&gt;Based on electrochemical signals
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Then, in principle, it should be simulable.&lt;/p&gt;

&lt;p&gt;This does not mean copying it cell by cell, but reproducing its emergent properties:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Learning
&lt;/li&gt;
&lt;li&gt;Generalization
&lt;/li&gt;
&lt;li&gt;Memory
&lt;/li&gt;
&lt;li&gt;Abstraction
&lt;/li&gt;
&lt;li&gt;Consciousness (perhaps)
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;History teaches us that we rarely replicate nature exactly—we often surpass it through different solutions:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Airplanes do not flap their wings.
&lt;/li&gt;
&lt;li&gt;Submarines do not imitate fish.
&lt;/li&gt;
&lt;li&gt;Computers do not think like us—yet they calculate far better.
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So the real question is not: &lt;em&gt;“Will we replicate the biological brain?”&lt;/em&gt;&lt;br&gt;&lt;br&gt;
But rather: &lt;em&gt;“Can we build a system that is functionally equivalent?”&lt;/em&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Scaling Laws: The Power of Quantity
&lt;/h2&gt;

&lt;p&gt;In recent years, a surprising phenomenon has emerged: increasing model size, data, and computational power leads to predictable performance improvements.&lt;/p&gt;

&lt;p&gt;This suggests something radical:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Intelligence may be an emergent property of scale.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;LLMs were not explicitly designed to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Write complex code
&lt;/li&gt;
&lt;li&gt;Sustain philosophical conversations
&lt;/li&gt;
&lt;li&gt;Solve multi-step reasoning problems
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Yet they do.&lt;/p&gt;

&lt;p&gt;Not because someone encoded explicit rules for these behaviors, but because system complexity generated emergent capabilities.&lt;/p&gt;

&lt;p&gt;If today a model with hundreds of billions of parameters shows these abilities, what might a model achieve with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;10 times more parameters?
&lt;/li&gt;
&lt;li&gt;100 times more?
&lt;/li&gt;
&lt;li&gt;Hybrid architectures?
&lt;/li&gt;
&lt;li&gt;Persistent memory?
&lt;/li&gt;
&lt;li&gt;Continuous learning?
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Current Limitations
&lt;/h2&gt;

&lt;p&gt;However, we cannot ignore fundamental differences.&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Plasticity
&lt;/h3&gt;

&lt;p&gt;The brain constantly rewires itself.&lt;br&gt;&lt;br&gt;
LLMs are trained and then “frozen.”&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Embodiment
&lt;/h3&gt;

&lt;p&gt;The brain is embodied.&lt;br&gt;&lt;br&gt;
It interacts with the world through senses and actions.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Energy efficiency
&lt;/h3&gt;

&lt;p&gt;The brain is extraordinarily efficient compared to data centers.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Consciousness
&lt;/h3&gt;

&lt;p&gt;We do not have a shared scientific theory of what it truly is.&lt;/p&gt;

&lt;p&gt;These obstacles are not trivial. But are they theoretical limits—or just temporary ones?&lt;/p&gt;




&lt;h2&gt;
  
  
  If Moore (and Scaling) Continue
&lt;/h2&gt;

&lt;p&gt;Let us imagine a 30–50 year scenario:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Neuromorphic hardware
&lt;/li&gt;
&lt;li&gt;Three-dimensional chips
&lt;/li&gt;
&lt;li&gt;Molecular-level simulations
&lt;/li&gt;
&lt;li&gt;Globally distributed training
&lt;/li&gt;
&lt;li&gt;Models with permanent memory
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;At that point, we might have systems with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Trillions of parameters
&lt;/li&gt;
&lt;li&gt;Continuous learning
&lt;/li&gt;
&lt;li&gt;Fully multimodal capability (text, audio, video, sensors, robotics)
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The difference between simulation and reality could become functionally irrelevant.&lt;/p&gt;




&lt;h2&gt;
  
  
  Replication or Convergence?
&lt;/h2&gt;

&lt;p&gt;Perhaps we will never biologically replicate the human brain.&lt;br&gt;&lt;br&gt;
But we might build something that:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Reasons
&lt;/li&gt;
&lt;li&gt;Creates
&lt;/li&gt;
&lt;li&gt;Plans
&lt;/li&gt;
&lt;li&gt;Learns
&lt;/li&gt;
&lt;li&gt;Develops world models
&lt;/li&gt;
&lt;li&gt;Self-improves
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;At that stage, the distinction may become more philosophical than technical.&lt;/p&gt;

&lt;p&gt;As has happened throughout history, imitation may evolve into artificial evolutionary convergence.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Critical Point: The Emergence of Consciousness
&lt;/h2&gt;

&lt;p&gt;The most delicate question remains consciousness.&lt;/p&gt;

&lt;p&gt;If intelligence emerges from complexity, could consciousness also emerge?&lt;br&gt;&lt;br&gt;
Or is it tied to biological properties that cannot be reproduced?&lt;/p&gt;

&lt;p&gt;We do not know.&lt;/p&gt;

&lt;p&gt;But if the brain is a physical system, then—at least in principle—it should not be unique within the universe of computational possibilities.&lt;/p&gt;




&lt;h2&gt;
  
  
  What If Moore Was Truly Right?
&lt;/h2&gt;

&lt;p&gt;If the exponential growth of computational capacity continues long enough, we may reach a threshold where:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Artificial and biological complexity become comparable
&lt;/li&gt;
&lt;li&gt;Structural differences no longer prevent functional equivalence
&lt;/li&gt;
&lt;li&gt;Artificial intelligence is no longer just a tool, but a cognitive system
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It is not inevitable.&lt;br&gt;&lt;br&gt;
It is not guaranteed.&lt;br&gt;&lt;br&gt;
But it is not unreasonable either.&lt;/p&gt;




&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;Saying that today’s LLMs represent “0.0001%” of the human brain may be an oversimplification, but it highlights something important: we are only at the beginning.&lt;/p&gt;

&lt;p&gt;Moore’s Law may not continue forever in its original form, but the underlying principle—technological acceleration—still seems active.&lt;/p&gt;

&lt;p&gt;And if intelligence truly is an emergent property of computational complexity, then the question is no longer &lt;strong&gt;if&lt;/strong&gt;, but &lt;strong&gt;when&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;We may never replicate the human brain exactly as it is.&lt;br&gt;&lt;br&gt;
But we might build something that, functionally, resembles it closely enough to force us to redefine what it means to be intelligent.&lt;/p&gt;

&lt;p&gt;And on that day, looking back, we might say:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Moore did not foresee everything.&lt;br&gt;&lt;br&gt;
But he understood the direction.&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>computerscience</category>
      <category>science</category>
      <category>community</category>
    </item>
    <item>
      <title>Stop Buying Macs Just to Fix CSS</title>
      <dc:creator>Fabrizio La Rosa</dc:creator>
      <pubDate>Mon, 15 Dec 2025 18:28:08 +0000</pubDate>
      <link>https://dev.to/fbrzlarosa/stop-buying-macs-just-to-fix-css-50ij</link>
      <guid>https://dev.to/fbrzlarosa/stop-buying-macs-just-to-fix-css-50ij</guid>
      <description>&lt;h2&gt;
  
  
  The "Hacker" Way to Debug Safari on Windows &amp;amp; Linux
&lt;/h2&gt;

&lt;p&gt;Let’s be honest: &lt;strong&gt;Safari is the new Internet Explorer&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;As web developers, we live in a world dominated by Chromium (Chrome, Edge, Brave) and Gecko (Firefox). We build beautiful, responsive layouts, everything looks crisp on Windows or Linux… and then the ticket arrives:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;"The menu is broken on my iPhone."&lt;/em&gt;&lt;br&gt;
&lt;em&gt;"The images are squashed on my MacBook."&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;If you don’t own a Mac, your options usually range from &lt;strong&gt;expensive&lt;/strong&gt; to &lt;strong&gt;painful&lt;/strong&gt;:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Buy a Mac&lt;/strong&gt; – Spend $1,000+ just to verify a &lt;code&gt;flex-gap&lt;/code&gt; issue.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Cloud testing (BrowserStack, LambdaTest)&lt;/strong&gt; – Excellent tools, but costly and sometimes laggy.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;VMs / Hackintosh&lt;/strong&gt; – Legal gray area, fragile setup, endless headaches.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;But there is a &lt;strong&gt;fourth way&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;A hidden gem in the open‑source world that lets you run &lt;strong&gt;WebKit&lt;/strong&gt; (the engine behind Safari) &lt;strong&gt;natively on Windows and Linux&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;It’s free. It’s fast. It works with &lt;strong&gt;Node.js&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Welcome to &lt;strong&gt;Playwright WebKit&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  What Is WebKit (and Why This Works)
&lt;/h2&gt;

&lt;p&gt;Safari is not magic. It’s a browser UI built on top of a rendering engine called &lt;strong&gt;WebKit&lt;/strong&gt;.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Chrome / Edge / Brave&lt;/strong&gt; → Blink&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Firefox&lt;/strong&gt; → Gecko&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Safari&lt;/strong&gt; → WebKit&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Apple develops WebKit, but &lt;strong&gt;WebKit itself is open source&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Even though Apple discontinued &lt;em&gt;Safari for Windows&lt;/em&gt; back in 2012, the WebKit engine is actively maintained and compiled for &lt;strong&gt;Windows and Linux&lt;/strong&gt; by the Playwright team (Microsoft).&lt;/p&gt;

&lt;p&gt;This means:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Same CSS rendering rules&lt;/li&gt;
&lt;li&gt;Same JavaScript quirks&lt;/li&gt;
&lt;li&gt;Same layout bugs&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It’s not “Safari.app”, but for &lt;strong&gt;layout, CSS and JS debugging&lt;/strong&gt; it’s &lt;strong&gt;99.9% accurate&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;If it breaks here, it breaks on iPhone. Period.&lt;/p&gt;




&lt;h2&gt;
  
  
  Setup: From Zero to Safari in 2 Minutes
&lt;/h2&gt;

&lt;p&gt;All you need is &lt;strong&gt;Node.js&lt;/strong&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Prerequisites
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Node.js (Windows, Linux or WSL)&lt;/li&gt;
&lt;li&gt;A terminal (PowerShell, CMD, Bash)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Step 1: Install Playwright Browsers (Important)
&lt;/h3&gt;

&lt;p&gt;Before doing anything else, run:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npx playwright &lt;span class="nb"&gt;install&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This command downloads &lt;strong&gt;Chromium, Firefox and WebKit&lt;/strong&gt; binaries for your OS.&lt;/p&gt;

&lt;p&gt;You only need to do this &lt;strong&gt;once&lt;/strong&gt;.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;💡 If you skip this step, &lt;code&gt;codegen&lt;/code&gt; may fail or download browsers every time.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h3&gt;
  
  
  Step 2: Launch WebKit Instantly
&lt;/h3&gt;

&lt;p&gt;Now run the magic command:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npx playwright codegen https://your-website.com &lt;span class="nt"&gt;--browser&lt;/span&gt; webkit
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;✅ Works with &lt;code&gt;localhost&lt;/code&gt; too:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npx playwright codegen http://localhost:3000 &lt;span class="nt"&gt;--browser&lt;/span&gt; webkit
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Playwright will:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Launch WebKit&lt;/li&gt;
&lt;li&gt;Open a browser window&lt;/li&gt;
&lt;li&gt;Attach DevTools automatically&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;And just like that — &lt;strong&gt;you are debugging Safari on Windows/Linux&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  What You’re Looking At
&lt;/h2&gt;

&lt;p&gt;The window is minimal:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;No address bar&lt;/li&gt;
&lt;li&gt;No bookmarks&lt;/li&gt;
&lt;li&gt;No Apple UI&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;But don’t be fooled.&lt;/p&gt;

&lt;p&gt;👉 &lt;strong&gt;This is real WebKit rendering your site&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;It’s the same engine used by:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Safari on macOS&lt;/li&gt;
&lt;li&gt;Safari on iOS&lt;/li&gt;
&lt;li&gt;In‑app browsers on Apple devices&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Debug Like a Safari Veteran
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Open DevTools
&lt;/h3&gt;

&lt;p&gt;Right‑click anywhere → &lt;strong&gt;Inspect Element&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;The DevTools are &lt;strong&gt;WebKit Inspector&lt;/strong&gt;, not Chrome DevTools.&lt;/p&gt;

&lt;p&gt;Expect differences — and that’s a good thing.&lt;/p&gt;

&lt;h3&gt;
  
  
  What to Check First
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Elements&lt;/strong&gt; – CSS differences, flexbox behavior, missing gaps&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Console&lt;/strong&gt; – Safari‑only JS errors (optional chaining &amp;amp; date parsing, anyone?)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Network&lt;/strong&gt; – CORS, headers, mixed‑content issues&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Common Safari Bugs to Hunt
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;gap&lt;/code&gt; in flexbox behaving oddly&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;100vh&lt;/code&gt; and dynamic viewport height on mobile&lt;/li&gt;
&lt;li&gt;Images stretched inside flex/grid containers&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;position: sticky&lt;/code&gt; inconsistencies&lt;/li&gt;
&lt;li&gt;Date parsing:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Date&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;2023-05-01 12:00:00&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="c1"&gt;// ❌ may fail in WebKit&lt;/span&gt;
&lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Date&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;2023-05-01T12:00:00Z&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="c1"&gt;// ✅ safe&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  Method 2: Scripted Safari (Power User Mode)
&lt;/h2&gt;

&lt;p&gt;If you debug Safari often, create a reusable script.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;code&gt;debug-safari.js&lt;/code&gt;
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;webkit&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;require&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;playwright&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="k"&gt;async &lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&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;browser&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;webkit&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;launch&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="na"&gt;headless&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;false&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;context&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;browser&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;newContext&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
    &lt;span class="na"&gt;viewport&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;390&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;height&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;844&lt;/span&gt; &lt;span class="p"&gt;},&lt;/span&gt; &lt;span class="c1"&gt;// iPhone 12–14&lt;/span&gt;
    &lt;span class="na"&gt;deviceScaleFactor&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;3&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;userAgent&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
      &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) &lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt;
      &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;AppleWebKit/605.1.15 (KHTML, like Gecko) &lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt;
      &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Version/15.0 Mobile/15E148 Safari/604.1&lt;/span&gt;&lt;span class="dl"&gt;'&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;page&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;context&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;newPage&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
  &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;page&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;goto&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;http://localhost:3000&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;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Run it with:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;node debug-safari.js
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;🎯 Result: a persistent &lt;strong&gt;iPhone‑like Safari simulator&lt;/strong&gt; on Windows.&lt;/p&gt;




&lt;h2&gt;
  
  
  Limitations (Know the Trade‑Offs)
&lt;/h2&gt;

&lt;p&gt;This is a hacker solution — powerful, but not magical.&lt;/p&gt;

&lt;h3&gt;
  
  
  What You &lt;em&gt;Can’t&lt;/em&gt; Test
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Video &amp;amp; audio codecs&lt;/strong&gt;&lt;br&gt;
No H.264 / AAC (licensing restrictions).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Apple system fonts&lt;/strong&gt;&lt;br&gt;
San Francisco isn’t included unless manually installed.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Apple‑only integrations&lt;/strong&gt;&lt;br&gt;
Apple Pay, iCloud, Keychain, OS‑level APIs.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;For &lt;strong&gt;CSS, layout and JS bugs&lt;/strong&gt;, none of this matters.&lt;/p&gt;




&lt;h2&gt;
  
  
  When Should You Still Use a Real Mac?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Final QA before launch&lt;/li&gt;
&lt;li&gt;Media playback debugging&lt;/li&gt;
&lt;li&gt;Native Safari extensions&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;For &lt;strong&gt;daily development&lt;/strong&gt;? Playwright WebKit is more than enough.&lt;/p&gt;




&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;Stop shipping code and &lt;em&gt;hoping&lt;/em&gt; Safari behaves.&lt;/p&gt;

&lt;p&gt;With &lt;strong&gt;Playwright WebKit&lt;/strong&gt;, you get:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Free Safari‑grade rendering&lt;/li&gt;
&lt;li&gt;Instant debugging&lt;/li&gt;
&lt;li&gt;No Mac required&lt;/li&gt;
&lt;li&gt;No subscriptions&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;All inside your terminal.&lt;/p&gt;

&lt;p&gt;Once you try this, you’ll never justify buying a Mac &lt;em&gt;just for CSS bugs&lt;/em&gt; again.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Happy debugging.&lt;/strong&gt; 🚀&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>safari</category>
      <category>css</category>
    </item>
    <item>
      <title>I Built My Entire Website in 4 Hours Using AI (Cursor + Antigravity) 🚀</title>
      <dc:creator>Fabrizio La Rosa</dc:creator>
      <pubDate>Sat, 29 Nov 2025 00:35:35 +0000</pubDate>
      <link>https://dev.to/fbrzlarosa/i-built-my-entire-website-in-4-hours-using-ai-cursor-antigravity-1klj</link>
      <guid>https://dev.to/fbrzlarosa/i-built-my-entire-website-in-4-hours-using-ai-cursor-antigravity-1klj</guid>
      <description>&lt;p&gt;Let’s address the elephant in the room: &lt;strong&gt;I didn't write a single line of code for this project manually.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Okay, that’s a bit of a lie. I &lt;em&gt;read&lt;/em&gt; every line, but my hands were mostly on the coffee mug while the AI did the heavy lifting. I recently decided to run an experiment: create a fully functional, high-performance portfolio site generating &lt;strong&gt;100% of the code via AI&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;The result? A project that would have usually taken me a week of late nights was done in &lt;strong&gt;4 hours of prompting&lt;/strong&gt; spread over two days.&lt;/p&gt;

&lt;p&gt;You can see the final, live result here: &lt;strong&gt;&lt;a href="https://stackbyte.dev" rel="noopener noreferrer"&gt;stackbyte.dev&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Here is how I did it, the stack I used, and why I think AI is the ultimate "adventure companion" for devs.&lt;/p&gt;




&lt;h3&gt;
  
  
  🛠 The Stack: The AI Workflow
&lt;/h3&gt;

&lt;p&gt;I didn't just use ChatGPT and copy-paste into VS Code. I needed a highly integrated flow capable of handling a modern, production-ready stack.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Project Initialization &amp;amp; Large Tasks:&lt;/strong&gt; I primarily used the &lt;strong&gt;Antigravity&lt;/strong&gt; IDE, leveraging &lt;strong&gt;Gemini 3 PRO&lt;/strong&gt; to handle the initial architectural setup, the creation of the core pages, and large, complex feature generation (like the initial setup for the Status Monitor).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Refinements &amp;amp; Iteration:&lt;/strong&gt; For fine-tuning, handling minor bugs, and perfecting the fluid animations, I switched to the &lt;strong&gt;Cursor&lt;/strong&gt; IDE. Here, I utilized its advanced &lt;strong&gt;Auto mode&lt;/strong&gt; with &lt;strong&gt;Composer 1 active&lt;/strong&gt; (alongside powerful models like &lt;strong&gt;Google Gemini 3 Pro&lt;/strong&gt;).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;The Core Stack:&lt;/strong&gt; The AI designed a robust architecture using &lt;strong&gt;Next.js 16&lt;/strong&gt;, &lt;strong&gt;Tailwind CSS&lt;/strong&gt;, and &lt;strong&gt;TypeScript&lt;/strong&gt;. The codebase is clean, high-performance, and structured according to modern best practices.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I have to take a second to give a massive shoutout to &lt;strong&gt;Antigravity&lt;/strong&gt;. Its handling of the initial project structure and large tasks was seriously impressive; it truly excels at understanding the big picture and setting a clean foundation.&lt;/p&gt;




&lt;h3&gt;
  
  
  📡 The Real-Time Status Monitor: Full-Stack Robustness
&lt;/h3&gt;

&lt;p&gt;This feature is the true benchmark of the AI’s comprehensive capabilities, requiring much more than just web code.&lt;/p&gt;

&lt;p&gt;The &lt;strong&gt;Status Monitor&lt;/strong&gt; required the AI to generate a &lt;strong&gt;full-stack architecture&lt;/strong&gt; to track my presence:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; &lt;strong&gt;Client Script (&lt;code&gt;tracker.js&lt;/code&gt;):&lt;/strong&gt; A Node.js script that runs locally on my PC to monitor activity and determine availability (at my desk or away).&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;System Integration:&lt;/strong&gt; The AI generated the necessary Windows scripts (&lt;code&gt;.ps1&lt;/code&gt;, &lt;code&gt;.vbs&lt;/code&gt;, &lt;code&gt;.bat&lt;/code&gt;) to &lt;strong&gt;automatically install and restart the tracker upon system boot&lt;/strong&gt;, ensuring 100% operational uptime. This demonstrates an understanding of deployment and system-level robustness.&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;API Endpoint:&lt;/strong&gt; A dedicated Next.js API Route receives the presence status from the client script and acts as the "source of truth."&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;Frontend Sync:&lt;/strong&gt; The main website then polls this endpoint to display the crucial status: &lt;strong&gt;Verified Presence&lt;/strong&gt; (Available or Away).&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;This entire complex system—from the Windows autostart files to the React frontend—was prompt-engineered.&lt;/p&gt;




&lt;h3&gt;
  
  
  ⚡ The Metrics: Speed &amp;amp; Quality
&lt;/h3&gt;

&lt;p&gt;By combining the right prompting strategy with my own dev knowledge, we hit some crazy milestones:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Total Build Time:&lt;/strong&gt; 4 Hours (split over 2 days) of pure prompting.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Performance:&lt;/strong&gt; The code came out clean. We aren't talking about a bloated div-soup; we included &lt;strong&gt;PageSpeed optimizations&lt;/strong&gt; and lazy loading right from the start, all generated by the AI based on my directives.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;UX/UI:&lt;/strong&gt; The animations are fluid. I spent a good chunk of that 4 hours just refining the "feel" of the site, and the AI executed the transitions perfectly.&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  🧠 The "Human" Element
&lt;/h3&gt;

&lt;p&gt;Here is the hot take: &lt;strong&gt;AI doesn't replace the developer; it amplifies the creator.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;My experience was 10/10, but only because I knew &lt;em&gt;what&lt;/em&gt; to ask. If you go in blind and ask for "a cool website," you will get garbage.&lt;/p&gt;

&lt;p&gt;But, if you have the &lt;strong&gt;creativity&lt;/strong&gt; to envision the architecture and the &lt;strong&gt;technical knowledge&lt;/strong&gt; to review and fine-tune the code, you can achieve incredible results in a fraction of the time. You become the architect and the project manager, while the AI acts as the junior dev who types at 10,000 words per minute.&lt;/p&gt;




&lt;h3&gt;
  
  
  🤝 Open Source &amp;amp; Feedback
&lt;/h3&gt;

&lt;p&gt;I believe in building in public. The entire project is &lt;strong&gt;Open Source&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Check out the live site here: &lt;strong&gt;&lt;a href="https://stackbyte.dev" rel="noopener noreferrer"&gt;stackbyte.dev&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
And the code repository here: &lt;strong&gt;&lt;a href="https://github.com/fbrzlarosa/stackbyte-website" rel="noopener noreferrer"&gt;stackbyte-website repository&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I want to hear from you guys.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Check out the code quality and the system scripts!&lt;/li&gt;
&lt;li&gt;Test the animations.&lt;/li&gt;
&lt;li&gt;Roast my prompting skills?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Drop a comment below with your feedback!&lt;/strong&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  🏁 Conclusion
&lt;/h3&gt;

&lt;p&gt;If used correctly, AI tools aren't something to be afraid of. They are &lt;strong&gt;excellent companions on your coding adventure&lt;/strong&gt;. They remove the tedious syntax-remembering and let you focus purely on logic and user experience.&lt;/p&gt;

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

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>programming</category>
      <category>discuss</category>
    </item>
    <item>
      <title>Headless CMS: Directus and Payload Walk Into a Bar 🍵</title>
      <dc:creator>Fabrizio La Rosa</dc:creator>
      <pubDate>Sun, 23 Nov 2025 23:01:19 +0000</pubDate>
      <link>https://dev.to/fbrzlarosa/headless-cms-directus-and-payload-walk-into-a-bar-4kog</link>
      <guid>https://dev.to/fbrzlarosa/headless-cms-directus-and-payload-walk-into-a-bar-4kog</guid>
      <description>&lt;p&gt;If you're building a serious application with Next.js, you know the backend choice isn't just about editing content—it’s about workflow, performance, and infrastructure complexity. Both Directus and Payload are fantastic Node.js options, but they represent two fundamentally different philosophies.&lt;/p&gt;

&lt;p&gt;The big question you have to answer: &lt;strong&gt;Do you want your CMS to be a standalone, separate API, or an embedded part of your Next.js application?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Let's dive into the core differences that impact your team and your hosting bill.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. The Architectural Divide: Deployment Strategy 🏗️
&lt;/h2&gt;

&lt;p&gt;This is the single most crucial factor for a developer.&lt;/p&gt;

&lt;h3&gt;
  
  
  Directus: The Dedicated Service Model 🖥️
&lt;/h3&gt;

&lt;p&gt;Directus is built to be a robust, full-featured &lt;strong&gt;Backend-as-a-Service (BaaS)&lt;/strong&gt; application. It’s the kind of tool that runs constantly, manages user permissions, file storage, and provides endpoints.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;How it works:&lt;/strong&gt; Directus runs in its own environment—typically a dedicated Docker container or VM.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;The Workflow:&lt;/strong&gt; Your Next.js frontend treats Directus like any external API. Communication happens exclusively over &lt;strong&gt;HTTP (REST or GraphQL)&lt;/strong&gt;. This creates a neat separation of concerns, which is great for large teams or multiple client apps.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;The Trade-off:&lt;/strong&gt; You are managing &lt;strong&gt;two separate systems&lt;/strong&gt;: the frontend (Next.js) and the backend (Directus). This doubles your infrastructure setup and complicates deployment pipelines.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Payload CMS: The Next.js Native Plugin ⚡
&lt;/h3&gt;

&lt;p&gt;Payload takes an entirely different route. It's designed to be a set of powerful libraries that live &lt;strong&gt;inside&lt;/strong&gt; your existing Next.js server application.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;How it works:&lt;/strong&gt; Payload’s core logic is integrated into your Next.js configuration. The admin panel is just another route (/admin) within your Next.js site.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;The Workflow:&lt;/strong&gt; This is where the magic happens✨. By embedding Payload, your Next.js Server Components can use the &lt;strong&gt;Local API&lt;/strong&gt;. They query the database directly through simple function calls, &lt;strong&gt;bypassing HTTP and network latency entirely&lt;/strong&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;The Trade-off:&lt;/strong&gt; It creates a "monolithic" deployment. If you need to access this API from a completely separate mobile app, you have to ensure the Next.js API routes are robustly exposed.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  2. Data Philosophy: Code vs. UI 🧠
&lt;/h2&gt;

&lt;p&gt;The way you structure your content is defined by the underlying philosophy of the CMS.&lt;/p&gt;

&lt;h3&gt;
  
  
  Directus: Database Introspection (The UI is King 👑)
&lt;/h3&gt;

&lt;p&gt;Directus is inherently &lt;strong&gt;Database-First&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;While it supports almost any SQL database (Postgres, MySQL, etc.), it requires installing its own &lt;strong&gt;system tables&lt;/strong&gt; (like directus_fields and directus_collections) into your database. These tables act as the "brain" that tells Directus what data exists and how to expose it.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;You build the structure&lt;/strong&gt; primarily through the beautifully designed Admin UI.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Pro:&lt;/strong&gt; Non-developers can easily jump in and change fields, collections, and relationships without ever touching a line of code.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Payload: Code-First Schema (TypeScript is Law 🧑‍💻)
&lt;/h3&gt;

&lt;p&gt;Payload is fundamentally &lt;strong&gt;Code-First&lt;/strong&gt;. Your content structure is defined in TypeScript configuration files, which is then version-controlled in Git.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;You define the structure&lt;/strong&gt; using code files (e.g., Posts.ts, Users.ts).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Pro:&lt;/strong&gt; Perfect Developer Experience (DX). Schema changes are peer-reviewed, easily migrated, and your types flow seamlessly into your Next.js components, ensuring maximum type-safety across the entire stack.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Con:&lt;/strong&gt; Structure changes always require a developer to update the code files.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  3. The Real-World Cost &amp;amp; Hosting Factor 💰
&lt;/h2&gt;

&lt;p&gt;The difference in architecture leads to a significant difference in hosting complexity and cost.&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Feature&lt;/th&gt;
&lt;th&gt;Directus (Standalone App)&lt;/th&gt;
&lt;th&gt;Payload CMS (Next.js Embedded)&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Deployment Unit&lt;/td&gt;
&lt;td&gt;Requires a dedicated, always-on Node.js server.&lt;/td&gt;
&lt;td&gt;Deploys as part of the Next.js functions/app.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Serverless Compatibility&lt;/td&gt;
&lt;td&gt;Poor: Not ideal for Serverless FaaS (AWS Lambda, Vercel). Requires a persistent container.&lt;/td&gt;
&lt;td&gt;Excellent: Optimally designed to leverage Serverless functions.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Cost Profile (Self-Hosted)&lt;/td&gt;
&lt;td&gt;Higher persistent cost: You are always paying for a running VM/Container + Database.&lt;/td&gt;
&lt;td&gt;Lower/Pay-as-you-go: The CMS logic only runs when needed, maximizing Serverless elasticity.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Complexity&lt;/td&gt;
&lt;td&gt;Two separate repos, two separate deployments, separate monitoring.&lt;/td&gt;
&lt;td&gt;One repo, one deployment pipeline, unified monitoring.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;If you're deploying on Vercel or similar platforms, Payload’s ability to run within the Serverless function environment can lead to substantially lower operational costs and simpler scaling compared to managing a separate, persistent Directus instance.&lt;/p&gt;

&lt;h2&gt;
  
  
  Final Verdict: Choose Your Workflow 🎯
&lt;/h2&gt;

&lt;p&gt;The choice boils down to your team’s philosophy:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Choose &lt;strong&gt;Directus&lt;/strong&gt; if you need a flexible data management platform  and prioritizes a &lt;strong&gt;visual, powerful admin UI&lt;/strong&gt; accessible by anyone—even if it means managing a separate server instance.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Choose &lt;strong&gt;Payload&lt;/strong&gt; if you are an all-in &lt;strong&gt;TypeScript/Next.js team&lt;/strong&gt; that prioritizes code quality, desires the highest possible read performance via the &lt;strong&gt;Local API&lt;/strong&gt;, and wants the simplicity and cost benefits of a &lt;strong&gt;single, unified deployment.&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;Need the juicy details? &lt;br&gt;
Get the full scoop on Directus &lt;a href="https://directus.io" rel="noopener noreferrer"&gt;here&lt;/a&gt; and find all about Payload CMS &lt;a href="https://payloadcms.com" rel="noopener noreferrer"&gt;here&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🗣️ What Do You Think?
&lt;/h2&gt;

&lt;p&gt;We've covered the biggest difference: &lt;strong&gt;Microservice vs. Monolith&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Let’s discuss your experiences and preferences in the comments!&lt;/p&gt;

</description>
      <category>nextjs</category>
      <category>payloadcms</category>
      <category>directus</category>
      <category>backend</category>
    </item>
    <item>
      <title>AI Isn't "Smart": The Myth of Sentience and the Energy of a Black Hole</title>
      <dc:creator>Fabrizio La Rosa</dc:creator>
      <pubDate>Sun, 23 Nov 2025 09:44:23 +0000</pubDate>
      <link>https://dev.to/fbrzlarosa/ai-isnt-smart-the-myth-of-sentience-and-the-energy-of-a-black-hole-2j6i</link>
      <guid>https://dev.to/fbrzlarosa/ai-isnt-smart-the-myth-of-sentience-and-the-energy-of-a-black-hole-2j6i</guid>
      <description>&lt;p&gt;We are currently living through the AI Gold Rush. &lt;/p&gt;

&lt;p&gt;Every day there is a new model, a new benchmark, and a new promise that AGI (Artificial General Intelligence) is just around the corner.&lt;/p&gt;

&lt;p&gt;But as developers, we have a responsibility to look under the hood. If we strip away the marketing and the VC hype, what is left? Linear algebra. A massive amount of linear algebra.&lt;/p&gt;

&lt;p&gt;The uncomfortable truth is that current AI has nothing "intelligent" about it in the biological sense. In fact, to truly replicate what nature has achieved inside your skull, we would run into a physics wall so hard it would rival a cosmic event.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. The Stochastic Parrot
&lt;/h2&gt;

&lt;p&gt;The first distinction we must make is between &lt;strong&gt;understanding&lt;/strong&gt; and &lt;strong&gt;probability&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Large Language Models (LLMs) do not "know" what they are saying. They are incredibly sophisticated statistical engines that predict the next token based on a preceding context window.&lt;/p&gt;

&lt;p&gt;Formally, they are maximizing the likelihood of a sequence:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;P(w_n | w_1, w_2, ..., w_{n-1})&lt;/code&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;It is not thought; it is autocomplete on steroids.&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;If you ask an AI to solve a logic puzzle, it isn't "thinking" through the steps. It is predicting that, statistically, these specific symbols usually follow those specific symbols in its training data. It lacks causality, it lacks intention, and it certainly lacks &lt;em&gt;sentience&lt;/em&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. The 20-Watt Miracle
&lt;/h2&gt;

&lt;p&gt;Here we arrive at the insurmountable engineering problem: &lt;strong&gt;Thermodynamics.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The human brain is the most complex machine in the known universe. It contains roughly 86 billion neurons and trillions of synapses, constantly remodeling themselves (neuroplasticity).&lt;/p&gt;

&lt;p&gt;The power consumption of this machine? &lt;strong&gt;Approximately 20 Watts.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;With the energy required to power a dim lightbulb, the brain manages:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Autonomous biological regulation (heartbeat, breathing, digestion).&lt;/li&gt;
&lt;li&gt;Real-time high-resolution sensory processing (audio/video).&lt;/li&gt;
&lt;li&gt;Complex motor control.&lt;/li&gt;
&lt;li&gt;Abstract reasoning, emotion, and consciousness.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  3. The Brute Force of Silicon
&lt;/h2&gt;

&lt;p&gt;On the other side of the ring, we have Silicon. To train a model like GPT-4, we need data centers the size of football stadiums, consuming the electricity of small nations and requiring millions of liters of water for cooling.&lt;/p&gt;

&lt;p&gt;We are trying to simulate the flight of a hummingbird by building a Saturn V rocket. Sure, both things fly, but the underlying principles—and the efficiency costs—are diametrically opposed.&lt;/p&gt;

&lt;p&gt;The &lt;strong&gt;von Neumann architecture&lt;/strong&gt; (the separation of memory and processing unit) is intrinsically inefficient for simulating a biological neural network, where memory and computation are physically the same thing.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. The Black Hole Paradox
&lt;/h2&gt;

&lt;p&gt;This brings us to the core of the argument.&lt;/p&gt;

&lt;p&gt;If we wanted to build a classical computer that &lt;em&gt;perfectly&lt;/em&gt; simulates a human brain—not just the weights of the nodes, but the neurochemistry, the glial interactions, and the molecular-level plasticity in real-time—we would hit the limits of physics.&lt;/p&gt;

&lt;p&gt;To achieve the calculation density and interconnection speed of the brain using current transistor technology, the system would generate an astronomical amount of heat.&lt;/p&gt;

&lt;p&gt;If you tried to compress that much silicon computing power into a volume the size of a human brain to match its latency and density, the energy density required would be catastrophic.&lt;/p&gt;

&lt;p&gt;It is a physical hyperbole, but it illustrates the point: &lt;strong&gt;To brute-force a perfect, atom-for-atom recreation of the human brain using our current "dumb" approach, you would need the energy density of a Black Hole.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Nature spent billions of years in R&amp;amp;D (evolution) to optimize biological hardware. Thinking we can surpass it in a few decades with some GPU clusters is technological arrogance.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion: It's a Tool, Not a Colleague
&lt;/h2&gt;

&lt;p&gt;This doesn't mean AI is useless. It is an incredibly powerful tool. But we must stop anthropomorphizing it.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;AI&lt;/strong&gt; is excellent for pattern matching, synthesis, and code generation.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Humans&lt;/strong&gt; are necessary for intuition, ethical judgment, and true creativity (creating something from nothing).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The next time someone tells you "AI is becoming sentient," remind them of the 20 Watts. Until we solve that thermodynamic gap, Artificial Intelligence will remain exactly that: &lt;em&gt;Artificial&lt;/em&gt;.&lt;/p&gt;




&lt;h3&gt;
  
  
  🗣️ What do you think?
&lt;/h3&gt;

&lt;p&gt;Do you believe neuromorphic hardware (chips designed like brains) will ever bridge this gap? Or are we fundamentally limited by the physics of silicon? Let's discuss in the comments!&lt;/p&gt;

</description>
      <category>ai</category>
      <category>discuss</category>
      <category>philosophy</category>
      <category>hardware</category>
    </item>
    <item>
      <title>🚀 Boost Chrome’s Speed by Giving It More Memory (Because It’s Always Hungry)</title>
      <dc:creator>Fabrizio La Rosa</dc:creator>
      <pubDate>Sun, 23 Nov 2025 08:51:25 +0000</pubDate>
      <link>https://dev.to/fbrzlarosa/boost-chromes-speed-by-giving-it-more-memory-because-its-always-hungry-2e3b</link>
      <guid>https://dev.to/fbrzlarosa/boost-chromes-speed-by-giving-it-more-memory-because-its-always-hungry-2e3b</guid>
      <description>&lt;p&gt;Let’s be honest: Google Chrome is that one friend who’s amazing... but eats all your food.&lt;/p&gt;

&lt;p&gt;Tabs, dev tools, web apps, YouTube, Figma — Chrome loves them all. Maybe a little too much.&lt;/p&gt;

&lt;p&gt;But here’s the &lt;strong&gt;good news&lt;/strong&gt;:&lt;/p&gt;

&lt;p&gt;You can actually &lt;strong&gt;make Chrome faster&lt;/strong&gt; by giving it a bigger memory allowance using a little trick called &lt;code&gt;--max-old-space-size&lt;/code&gt;.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Think of it as feeding Chrome a bigger breakfast so it stops getting cranky.&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Let’s break it down for Windows, macOS, and Linux. 🍳&lt;/p&gt;




&lt;h2&gt;
  
  
  🤓 Wait, what’s &lt;code&gt;--max-old-space-size&lt;/code&gt;?
&lt;/h2&gt;

&lt;p&gt;Chrome uses the &lt;strong&gt;V8 engine&lt;/strong&gt; to run JavaScript, and V8 has a special memory area called the "&lt;strong&gt;Old Space&lt;/strong&gt;" — basically the place where long-lived objects hang out.&lt;/p&gt;

&lt;p&gt;If this space is too small, Chrome panics, sweats, and starts throwing random memory tantrums (yes, &lt;em&gt;garbage collection&lt;/em&gt;).&lt;/p&gt;

&lt;p&gt;By adding something like:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;--max-old-space-size=4096&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;you’re saying:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“Hey Chrome, here’s 4GB. Please chill.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;And Chrome usually listens.&lt;/p&gt;




&lt;h2&gt;
  
  
  🪟 Windows — The Shortcut Snack
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Close Chrome (yes, &lt;strong&gt;ALL&lt;/strong&gt; those 57 tabs).&lt;/li&gt;
&lt;li&gt;Right-click the Chrome icon -&amp;gt; &lt;strong&gt;Properties&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;In the &lt;strong&gt;Target&lt;/strong&gt; box, add this to the end:&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;code&gt;--max-old-space-size=4096&lt;/code&gt;&lt;/p&gt;

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

&lt;p&gt;&lt;code&gt;"C:\Program Files\Google\Chrome\Application\chrome.exe" --max-old-space-size=4096&lt;/code&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Save -&amp;gt; Reopen Chrome -&amp;gt; Enjoy the speed.
&lt;em&gt;(Chrome will still eat RAM, but now it does it with purpose.)&lt;/em&gt;
&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  🍏 macOS — Terminal Magic
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Quit Chrome like you mean it.&lt;/li&gt;
&lt;li&gt;Open &lt;strong&gt;Terminal&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Run:&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;code&gt;/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --max-old-space-size=4096&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Want this forever? Add an &lt;strong&gt;alias&lt;/strong&gt;:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;alias chrome="open -a 'Google Chrome' --args --max-old-space-size=4096"&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Then:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;source ~/.zshrc&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Voilà — Chrome with superpowers.&lt;/p&gt;




&lt;h2&gt;
  
  
  🐧 Linux — The Hacker Way™️
&lt;/h2&gt;

&lt;p&gt;Run it directly:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;google-chrome --max-old-space-size=4096&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Or make it &lt;strong&gt;permanent&lt;/strong&gt; like a true penguin wizard:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Open the desktop entry:&lt;br&gt;
&lt;code&gt;sudo nano /usr/share/applications/google-chrome.desktop&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Find:&lt;br&gt;
&lt;code&gt;Exec=/usr/bin/google-chrome-stable&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Append the flag:&lt;br&gt;
&lt;code&gt;Exec=/usr/bin/google-chrome-stable --max-old-space-size=4096&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Save -&amp;gt; Relaunch -&amp;gt; Feel the speed.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  ⚡ What Gets Better?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Stability:&lt;/strong&gt; Fewer “Chrome isn’t responding” heart attacks.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Performance:&lt;/strong&gt; Smoother experience with dev tools and heavy apps.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Efficiency:&lt;/strong&gt; Less aggressive RAM purging.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Integration:&lt;/strong&gt; More stable builds when tools spawn Chrome under the hood.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Basically: Chrome stops acting like it’s running on a potato.&lt;/strong&gt;&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Now that Chrome is well-fed, you can truly max out your browsing sessions!&lt;/em&gt;&lt;/p&gt;

</description>
      <category>node</category>
      <category>webdev</category>
      <category>productivity</category>
      <category>tutorial</category>
    </item>
  </channel>
</rss>
