<?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: Max Polaczuk</title>
    <description>The latest articles on DEV Community by Max Polaczuk (@max_polaczuk).</description>
    <link>https://dev.to/max_polaczuk</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1536181%2Fab27d528-8299-4791-99fb-8a1bc6aff42a.jpg</url>
      <title>DEV Community: Max Polaczuk</title>
      <link>https://dev.to/max_polaczuk</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/max_polaczuk"/>
    <language>en</language>
    <item>
      <title>Stop Benchmarking AI Coding Agents on Todo Apps. Make Them Build an MMO.</title>
      <dc:creator>Max Polaczuk</dc:creator>
      <pubDate>Tue, 23 Jun 2026 01:17:56 +0000</pubDate>
      <link>https://dev.to/max_polaczuk/stop-benchmarking-ai-coding-agents-on-todo-apps-make-them-build-an-mmo-4ecl</link>
      <guid>https://dev.to/max_polaczuk/stop-benchmarking-ai-coding-agents-on-todo-apps-make-them-build-an-mmo-4ecl</guid>
      <description>&lt;p&gt;A coding agent that can scaffold a todo app is no longer interesting.&lt;/p&gt;

&lt;p&gt;Give it an MMO.&lt;/p&gt;

&lt;p&gt;An online world is not one feature. It is a collision between real-time networking, persistent state, combat math, character progression, inventories, economies, social systems, content, deployment, security, and a client that must remain responsive while the server remains in control.&lt;/p&gt;

&lt;p&gt;Every subsystem can break every other subsystem.&lt;/p&gt;

&lt;p&gt;That is why an MMO is such a useful stress test for AI-assisted software development—and why we decided to try building one in a weekend.&lt;/p&gt;

&lt;p&gt;The result was &lt;a href="https://worldofclaudecraft.com/" rel="noopener noreferrer"&gt;&lt;strong&gt;World of ClaudeCraft, a free and open-source browser MMO&lt;/strong&gt;&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Not a trailer. Not a generated screenshot. Not a single-room demo with one enemy.&lt;/p&gt;

&lt;p&gt;A live, persistent world you can enter from a browser.&lt;/p&gt;

&lt;h2&gt;
  
  
  What the weekend produced—and what came next
&lt;/h2&gt;

&lt;p&gt;A 48-hour experiment with Anthropic's Claude Fable 5 produced the playable foundation. It has since grown into a playable level 1–20 world with nine classes, three open zones, nearly 90 quests, instanced dungeons, boss mechanics, parties, trading, duels, ranked PvP, persistent characters, offline play, mobile controls, and 14 locales.&lt;/p&gt;

&lt;p&gt;The independent MMO publication MMORPG.com called it &lt;strong&gt;“surprisingly complete”&lt;/strong&gt; and noted that it had played studio demos in rougher condition despite far longer development cycles.&lt;/p&gt;

&lt;p&gt;That outside reaction matters. But it is not the most interesting part.&lt;/p&gt;

&lt;p&gt;The most interesting part is that you can inspect the code.&lt;/p&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/levy-street" rel="noopener noreferrer"&gt;
        levy-street
      &lt;/a&gt; / &lt;a href="https://github.com/levy-street/world-of-claudecraft" rel="noopener noreferrer"&gt;
        world-of-claudecraft
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;&lt;div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;World of ClaudeCraft&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Quest, group up, and raid a hand-built world, free in your browser. Open source, web3, and online right now.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/levy-street/world-of-claudecraft/actions/workflows/ci.yml" rel="noopener noreferrer"&gt;&lt;img src="https://github.com/levy-street/world-of-claudecraft/actions/workflows/ci.yml/badge.svg" alt="CI"&gt;&lt;/a&gt;
&lt;a href="https://www.typescriptlang.org/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/e6d78f4b47a20dddc5580044adccafc3ac22178770c7c89a2c11442cc2b11a98/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f547970655363726970742d352e352d3331373843363f6c6f676f3d74797065736372697074266c6f676f436f6c6f723d7768697465" alt="TypeScript"&gt;&lt;/a&gt;
&lt;a href="https://threejs.org/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/b6ebb5756b2c33054eef0ae573bb852de42d7691156bbae88c59e7627912a447/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f54687265652e6a732d723136352d3030303030303f6c6f676f3d7468726565646f746a73266c6f676f436f6c6f723d7768697465" alt="Three.js"&gt;&lt;/a&gt;
&lt;a href="https://vite.dev/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/bd9e60017eba269a52e1180fb0530d07ca28ba6941ce8a0d2225a4a9c6da4ae4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f566974652d382d3634364346463f6c6f676f3d76697465266c6f676f436f6c6f723d7768697465" alt="Vite"&gt;&lt;/a&gt;
&lt;a href="https://vitest.dev/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/01b27944a134432a72048fe77dc269251684972abcc6fb2f93a7124bdbaeeb8b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5669746573742d342e312d3645394631383f6c6f676f3d766974657374266c6f676f436f6c6f723d7768697465" alt="Vitest"&gt;&lt;/a&gt;
&lt;a href="https://www.postgresql.org/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fd0b646dbd6dcccc138eb1db86d3bec1a67e1be682e361d8059908ae72ec0812/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f506f737467726553514c2d31362d3431363945313f6c6f676f3d706f737467726573716c266c6f676f436f6c6f723d7768697465" alt="PostgreSQL"&gt;&lt;/a&gt;
&lt;a href="https://gymnasium.farama.org/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/93bb54d1e72a986bc3dc0bd07ab041a94b823b28d503fe20415f5afab8d8cf5b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f47796d6e617369756d2d524c253230656e762d304337424443" alt="Gymnasium"&gt;&lt;/a&gt;
&lt;a href="https://github.com/levy-street/world-of-claudecraft/LICENSE" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fdf2982b9f5d7489dcf44570e714e3a15fce6253e0cc6b5aa61a075aac2ff71b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d79656c6c6f772e737667" alt="License: MIT"&gt;&lt;/a&gt;
&lt;a href="https://github.com/levy-street/world-of-claudecraft/package.json" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/c7e731d44eff4b0c8c227a5dccc9ed12474c8d999a8b4d7ad6ac097580d1e1d0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f76657273696f6e2d302e31302e302d626c7565" alt="Version"&gt;&lt;/a&gt;
&lt;a href="https://github.com/levy-street/world-of-claudecraft/CONTRIBUTING.md" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/dd0b24c1e6776719edb2c273548a510d6490d8d25269a043dfabbd38419905da/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5052732d77656c636f6d652d627269676874677265656e2e737667" alt="PRs welcome"&gt;&lt;/a&gt;
&lt;a href="https://discord.gg/GjhnUsBtw" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1681280f11b2b1481b6769b052bdc020a107d0e3dd144695007d30b9338e37f2/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f446973636f72642d6a6f696e2d3538363546323f6c6f676f3d646973636f7264266c6f676f436f6c6f723d7768697465" alt="Discord"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;English&lt;/strong&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft/docs/i18n/README.es.md" rel="noopener noreferrer"&gt;Español&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft/docs/i18n/README.es_ES.md" rel="noopener noreferrer"&gt;Español (España)&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft/docs/i18n/README.fr_FR.md" rel="noopener noreferrer"&gt;Français&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft/docs/i18n/README.fr_CA.md" rel="noopener noreferrer"&gt;Français (Canada)&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft/docs/i18n/README.it_IT.md" rel="noopener noreferrer"&gt;Italiano&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft/docs/i18n/README.de_DE.md" rel="noopener noreferrer"&gt;Deutsch&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft/docs/i18n/README.zh_CN.md" rel="noopener noreferrer"&gt;简体中文&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft/docs/i18n/README.zh_TW.md" rel="noopener noreferrer"&gt;繁體中文&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft/docs/i18n/README.ko_KR.md" rel="noopener noreferrer"&gt;한국어&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft/docs/i18n/README.ja_JP.md" rel="noopener noreferrer"&gt;日本語&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft/docs/i18n/README.pt_BR.md" rel="noopener noreferrer"&gt;Português (Brasil)&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft/docs/i18n/README.ru_RU.md" rel="noopener noreferrer"&gt;Русский&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://worldofclaudecraft.com/" rel="nofollow noopener noreferrer"&gt;Play now&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft#host-your-own-world-one-command" rel="noopener noreferrer"&gt;Host your own world&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft#train-an-agent-headless-rl" rel="noopener noreferrer"&gt;Train an agent&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft#web3" rel="noopener noreferrer"&gt;Web3&lt;/a&gt; · &lt;a href="https://github.com/levy-street/world-of-claudecraft/CONTRIBUTING.md" rel="noopener noreferrer"&gt;Contributing&lt;/a&gt; · &lt;a href="https://discord.gg/GjhnUsBtw" rel="nofollow noopener noreferrer"&gt;Discord&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer" href="https://github.com/levy-street/world-of-claudecraft/docs/screenshots/title-screen.jpg"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fraw.githubusercontent.com%2Flevy-street%2Fworld-of-claudecraft%2FHEAD%2Fdocs%2Fscreenshots%2Ftitle-screen.jpg" alt="World of ClaudeCraft title screen"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;What this is&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;World of ClaudeCraft is a complete classic-era MMO you can play right now in your browser, host yourself with one command, and even train AI agents to play. It is free, open source, and live at &lt;a href="https://worldofclaudecraft.com/" rel="nofollow noopener noreferrer"&gt;worldofclaudecraft.com&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;One shared world runs in three places, all from the same game core:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;the &lt;strong&gt;offline browser world&lt;/strong&gt;, where you click Play Offline and you are in,&lt;/li&gt;
&lt;li&gt;the &lt;strong&gt;authoritative multiplayer server&lt;/strong&gt;, where Postgres-backed accounts share a live world,&lt;/li&gt;
&lt;li&gt;the &lt;strong&gt;headless RL&lt;/strong&gt;…&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/levy-street/world-of-claudecraft" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;p&gt;The repository is MIT-licensed. You can run the game locally, host your own persistent world, train an agent against the real simulation, or fork the project and change its rules.&lt;/p&gt;

&lt;p&gt;That makes World of ClaudeCraft more than an AI demo. It makes it a falsifiable engineering artifact.&lt;/p&gt;

&lt;h2&gt;
  
  
  The architecture is the real story
&lt;/h2&gt;

&lt;p&gt;The project is held together by one rule:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;There is one deterministic game simulation, and every host uses it.&lt;br&gt;
&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;                         ┌─────────────────────────────┐
                         │  Deterministic TypeScript   │
                         │     simulation: src/sim     │
                         └──────────┬───────┬──────────┘
                                    │       │
                      ┌─────────────┘       └─────────────┐
                      │                                   │
              Offline browser                    Authoritative server
              instant local world                REST + WebSocket + Postgres
                      │                                   │
                      └──────────────┐       ┌────────────┘
                                     │       │
                                  Headless RL host
                                  Python + Gymnasium
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The offline browser world, multiplayer server, and reinforcement-learning environment do not contain three reimplementations of the game. They host the same core.&lt;/p&gt;

&lt;p&gt;The renderer and HUD talk to an &lt;code&gt;IWorld&lt;/code&gt; interface rather than a concrete implementation. Offline, the local simulation satisfies that interface. Online, a client-side mirror consumes server snapshots. In both cases, the presentation layer sees a world—not the machinery behind it.&lt;/p&gt;

&lt;p&gt;Meanwhile, the multiplayer server is authoritative. Clients send movement intent and commands. The server resolves combat rolls, loot, quest credit, trades, vendor transactions, and progression. PostgreSQL persists the character state. The browser renders the result.&lt;/p&gt;

&lt;p&gt;That separation is not glamorous, but it is why the prototype could keep growing without becoming code confetti.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;AI output is cheap. Architectural invariants are valuable.&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Determinism became a force multiplier
&lt;/h2&gt;

&lt;p&gt;The simulation does not depend on wall-clock time or &lt;code&gt;Math.random()&lt;/code&gt;. Seed the environment, replay the actions, and you can reproduce the episode.&lt;/p&gt;

&lt;p&gt;That single constraint creates several advantages:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Offline and online combat can follow the same rules.&lt;/li&gt;
&lt;li&gt;Tests can reproduce failures instead of chasing intermittent state.&lt;/li&gt;
&lt;li&gt;A headless agent can train against the actual game rather than a simplified port.&lt;/li&gt;
&lt;li&gt;Automated parties can clear dungeons and expose regressions across combat, threat, healing, loot, and encounter scripting.&lt;/li&gt;
&lt;li&gt;Cosmetic systems can remain outside the simulation. Even biome weather is render-only, so rain cannot accidentally change game state.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This is the kind of detail that gets lost when people evaluate AI coding by counting generated lines.&lt;/p&gt;

&lt;p&gt;The better question is: &lt;strong&gt;did the system become easier to verify?&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Procedural generation was a scope strategy, not a gimmick
&lt;/h2&gt;

&lt;p&gt;A weekend MMO cannot wait for a conventional asset pipeline.&lt;/p&gt;

&lt;p&gt;Much of World of ClaudeCraft's scenery, terrain, weather, spell iconography, animation, and sound is generated at runtime. The project also uses credited, freely licensed assets where appropriate.&lt;/p&gt;

&lt;p&gt;That choice reduced coordination costs and kept iteration close to the code. A developer could change a biome, creature family, icon system, or sound generator without waiting for a separate production queue.&lt;/p&gt;

&lt;p&gt;It also produced an unexpected benefit: contributors can change more of the world through code.&lt;/p&gt;

&lt;p&gt;Procedural generation did not remove art direction. It compressed the distance between an idea and a testable result.&lt;/p&gt;

&lt;h2&gt;
  
  
  A serious coding benchmark needs cross-cutting consequences
&lt;/h2&gt;

&lt;p&gt;A todo app usually rewards local correctness. Add a field, update a form, change a schema, pass a test.&lt;/p&gt;

&lt;p&gt;An MMO punishes local thinking.&lt;/p&gt;

&lt;p&gt;Add one class ability and you may need to touch:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;simulation rules,&lt;/li&gt;
&lt;li&gt;resource costs and cooldowns,&lt;/li&gt;
&lt;li&gt;targeting and range validation,&lt;/li&gt;
&lt;li&gt;server command handling,&lt;/li&gt;
&lt;li&gt;client presentation and feedback,&lt;/li&gt;
&lt;li&gt;action bars and tooltips,&lt;/li&gt;
&lt;li&gt;persistence,&lt;/li&gt;
&lt;li&gt;localization,&lt;/li&gt;
&lt;li&gt;bots and automated tests,&lt;/li&gt;
&lt;li&gt;PvE and PvP balance.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;This is where long-horizon coding agents become interesting. The challenge is not producing ten files. The challenge is preserving a coherent model across ten files while the product is changing underneath them.&lt;/p&gt;

&lt;p&gt;World of ClaudeCraft suggests a more useful way to measure AI-assisted development:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Do not ask how much code the model wrote. Ask how many consequential decisions the human team could validate per hour.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Good harnesses, deterministic state, explicit interfaces, fast tests, browser automation, and server authority make that number go up. Prompt cleverness alone does not.&lt;/p&gt;

&lt;h2&gt;
  
  
  What the AI did—and what it did not do
&lt;/h2&gt;

&lt;p&gt;Claude accelerated implementation dramatically. It helped turn a deliberately unreasonable scope into a playable foundation over one weekend.&lt;/p&gt;

&lt;p&gt;That does &lt;strong&gt;not&lt;/strong&gt; mean “one prompt replaced a game studio.”&lt;/p&gt;

&lt;p&gt;The model did not decide why the world should exist. It did not define acceptable game feel. It did not own the architectural invariants, choose what to cut, judge whether combat was fun, operate the live service, review community contributions, or decide what deserved to ship.&lt;/p&gt;

&lt;p&gt;Human direction stayed in the loop because software is not valuable merely when it compiles. It is valuable when someone can explain its constraints, test its behavior, and take responsibility for the result.&lt;/p&gt;

&lt;p&gt;The practical lesson is less dramatic—and more useful:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Small teams can now attempt systems that were previously irrational for them to attempt.&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The most important feature arrived after launch
&lt;/h2&gt;

&lt;p&gt;After the first version went public, people did not only play it. They opened issues, submitted pull requests, forked the repository, translated text, fixed bugs, and built new systems.&lt;/p&gt;

&lt;p&gt;The GitHub project quickly passed 1,000 stars and 300 forks. The game continued growing from its weekend foundation into a larger world with more quests, multiplayer systems, dungeons, PvP, and raid content.&lt;/p&gt;

&lt;p&gt;The model that seeded the project was publicly available for only three days before access was suspended. The world it helped create kept moving.&lt;/p&gt;

&lt;p&gt;That may be the more durable pattern:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;AI compresses the cost of the first playable system. Open source and human community determine whether it becomes a living one.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  Run it before arguing about it
&lt;/h2&gt;

&lt;p&gt;You can &lt;a href="https://worldofclaudecraft.com/" rel="noopener noreferrer"&gt;&lt;strong&gt;play World of ClaudeCraft in your browser&lt;/strong&gt;&lt;/a&gt; with no download, or run your own world from the source:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/levy-street/world-of-claudecraft.git
&lt;span class="nb"&gt;cd &lt;/span&gt;world-of-claudecraft
&lt;span class="nb"&gt;cp&lt;/span&gt; .env.example .env

&lt;span class="c"&gt;# Set a strong POSTGRES_PASSWORD in .env, then:&lt;/span&gt;
docker compose up &lt;span class="nt"&gt;-d&lt;/span&gt; &lt;span class="nt"&gt;--build&lt;/span&gt;

&lt;span class="c"&gt;# Open http://localhost:8787&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then inspect &lt;code&gt;src/sim/&lt;/code&gt;. Break an invariant. Add an ability. Train an agent. Build a boss mechanic. Open a pull request.&lt;/p&gt;

&lt;p&gt;The next useful AI coding benchmark should not be another landing page.&lt;/p&gt;

&lt;p&gt;It should be a system with enough moving parts to fight back.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What would you add to make this benchmark harder?&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>gamedev</category>
      <category>opensource</category>
    </item>
    <item>
      <title>How We Deliver Production-Ready Websites in 24 Hours: A Technical Deep-Dive</title>
      <dc:creator>Max Polaczuk</dc:creator>
      <pubDate>Sat, 14 Jun 2025 01:22:41 +0000</pubDate>
      <link>https://dev.to/max_polaczuk/how-we-deliver-production-ready-websites-in-24-hours-a-technical-deep-dive-pkc</link>
      <guid>https://dev.to/max_polaczuk/how-we-deliver-production-ready-websites-in-24-hours-a-technical-deep-dive-pkc</guid>
      <description>&lt;p&gt;&lt;em&gt;Building websites fast isn't about cutting corners — it's about smart automation, battle-tested workflows, and the right tech stack. Here's how our team at &lt;a href="https://getmogged.co.nz" rel="noopener noreferrer"&gt;Mogged&lt;/a&gt; delivers premium websites to New Zealand businesses in just 24 hours.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The Challenge: Speed Without Sacrificing Quality&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;When I started building websites for local Wellington businesses, the same pattern kept emerging: small business owners needed professional websites yesterday, but traditional agencies quoted 4-8 week timelines.&lt;br&gt;
The market gap was obvious. But could we actually deliver quality websites in 24 hours?&lt;br&gt;
&lt;em&gt;Spoiler: Yes, but it required rethinking everything about web development.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Our Tech Stack: Built for Speed&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Here's the exact stack we use to achieve 24-hour delivery:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;techStack&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="na"&gt;framework&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Next.js 14&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;styling&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Tailwind CSS + Custom Design System&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;deployment&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Vercel Edge Network&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;cms&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Sanity.io (headless)&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;forms&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Custom API + Discord Webhooks&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;analytics&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Google Analytics 4 + Custom Events&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;monitoring&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Sentry + Uptime Robot&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;
&lt;span class="p"&gt;};&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Why This Stack?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Next.js 14:&lt;/strong&gt; App router, server components, and built-in optimization&lt;br&gt;
&lt;strong&gt;Tailwind CSS:&lt;/strong&gt; Rapid styling with our pre-built component library&lt;br&gt;
&lt;strong&gt;Vercel:&lt;/strong&gt; Push-to-deploy with automatic SSL and global CDN&lt;br&gt;
&lt;strong&gt;Sanity:&lt;/strong&gt; Real-time collaboration and instant content updates&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The 24-Hour Process:&lt;/strong&gt; Technical Breakdown&lt;br&gt;
&lt;strong&gt;Hour 0-2:&lt;/strong&gt; Discovery &amp;amp; Setup Automation&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# Our project initialization script&lt;/span&gt;
npx create-mogged-site &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;--client&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"XYZ Plumbing"&lt;/span&gt; &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;--type&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"tradie"&lt;/span&gt; &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;--features&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"booking,gallery,contact"&lt;/span&gt; &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;--deploy&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"production"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This custom CLI tool:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Scaffolds the entire project structure&lt;/li&gt;
&lt;li&gt;Configures environment variables&lt;/li&gt;
&lt;li&gt;Sets up Git repository&lt;/li&gt;
&lt;li&gt;Initializes Sanity studio&lt;/li&gt;
&lt;li&gt;Deploys preview environment&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Hour 2-8: Parallel Development&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Here's where the magic happens. We run three parallel workstreams:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// Design tokens are programmatically generated&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;generateDesignSystem&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;brandColors&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;businessType&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="k"&gt;return&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="na"&gt;colors&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="na"&gt;primary&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;brandColors&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;primary&lt;/span&gt; &lt;span class="o"&gt;||&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;#4361ee&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="na"&gt;secondary&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nf"&gt;calculateComplementary&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;brandColors&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;primary&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
      &lt;span class="p"&gt;...&lt;/span&gt;&lt;span class="nf"&gt;generateColorScale&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;brandColors&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="p"&gt;},&lt;/span&gt;
    &lt;span class="na"&gt;typography&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nf"&gt;getIndustryTypography&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;businessType&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
    &lt;span class="na"&gt;spacing&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;baseSpacingSystem&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;components&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nf"&gt;loadComponentPresets&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;businessType&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;&lt;strong&gt;Stream 1: Design System Generation&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;AI-assisted color palette generation&lt;/li&gt;
&lt;li&gt;Industry-specific typography selection&lt;/li&gt;
&lt;li&gt;Component preset loading&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Stream 2: Content Structure&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// Sanity schema generation based on business type&lt;/span&gt;
&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;generateSchema&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;businessType&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;BusinessType&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;baseSchema&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;getBaseSchema&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;industryFields&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;getIndustrySpecificFields&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;businessType&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nf"&gt;mergeSchemas&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;baseSchema&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;industryFields&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;&lt;strong&gt;Stream 3: Development&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Component assembly using our library&lt;/li&gt;
&lt;li&gt;API integrations (Google Maps, booking systems)&lt;/li&gt;
&lt;li&gt;Performance optimization&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Hour 8-18: The Build Phase&lt;/strong&gt;&lt;br&gt;
This is where our component library shines. We've built 50+ pre-optimized components:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight jsx"&gt;&lt;code&gt;&lt;span class="c1"&gt;// Example: Our optimized Hero component&lt;/span&gt;
&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;Hero&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;variant&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;default&lt;/span&gt;&lt;span class="dl"&gt;'&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="k"&gt;return &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;section&lt;/span&gt; &lt;span class="na"&gt;className&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nf"&gt;cn&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
      &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;relative min-h-screen flex items-center&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="nx"&gt;variants&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nx"&gt;variant&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;
    &lt;span class="p"&gt;)&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;OptimizedVideo&lt;/span&gt; 
        &lt;span class="na"&gt;src&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;video&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
        &lt;span class="na"&gt;poster&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;poster&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
        &lt;span class="na"&gt;loading&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"eager"&lt;/span&gt;
        &lt;span class="na"&gt;priority&lt;/span&gt;
      &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;div&lt;/span&gt; &lt;span class="na"&gt;className&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"container relative z-10"&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
        &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;AnimatedText&lt;/span&gt; 
          &lt;span class="na"&gt;text&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;headline&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
          &lt;span class="na"&gt;className&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"text-5xl md:text-7xl font-bold"&lt;/span&gt;
        &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;
        &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;CTAButton&lt;/span&gt; &lt;span class="na"&gt;href&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;ctaLink&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt; &lt;span class="na"&gt;tracking&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;tracking&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
          &lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;ctaText&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
        &lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;CTAButton&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;div&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;section&lt;/span&gt;&lt;span class="p"&gt;&amp;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;&lt;strong&gt;Hour 18-22: Optimization &amp;amp; Testing&lt;/strong&gt;&lt;br&gt;
Our automated testing suite ensures quality:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// Automated performance testing&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;performanceTests&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;async &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;siteUrl&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;results&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;runLighthouse&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;siteUrl&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="na"&gt;onlyCategories&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;performance&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;accessibility&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;seo&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;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;results&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;performance&lt;/span&gt; &lt;span class="o"&gt;&amp;lt;&lt;/span&gt; &lt;span class="mi"&gt;90&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;optimizeAssets&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;siteUrl&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;enableLazyLoading&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
    &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;implementCriticalCSS&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="nx"&gt;results&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;&lt;strong&gt;Hour 22-24: Deployment &amp;amp; Handover&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# Final deployment checklist&lt;/span&gt;
- &lt;span class="o"&gt;[&lt;/span&gt; &lt;span class="o"&gt;]&lt;/span&gt; SSL certificate active
- &lt;span class="o"&gt;[&lt;/span&gt; &lt;span class="o"&gt;]&lt;/span&gt; DNS propagation &lt;span class="nb"&gt;complete&lt;/span&gt;
- &lt;span class="o"&gt;[&lt;/span&gt; &lt;span class="o"&gt;]&lt;/span&gt; Analytics tracking verified
- &lt;span class="o"&gt;[&lt;/span&gt; &lt;span class="o"&gt;]&lt;/span&gt; Form submissions tested
- &lt;span class="o"&gt;[&lt;/span&gt; &lt;span class="o"&gt;]&lt;/span&gt; Mobile responsiveness checked
- &lt;span class="o"&gt;[&lt;/span&gt; &lt;span class="o"&gt;]&lt;/span&gt; Page speed &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; 90
- &lt;span class="o"&gt;[&lt;/span&gt; &lt;span class="o"&gt;]&lt;/span&gt; SEO meta tags populated
- &lt;span class="o"&gt;[&lt;/span&gt; &lt;span class="o"&gt;]&lt;/span&gt; Backup system enabled
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Key Innovations That Make This Possible&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Component-First Architecture&lt;/strong&gt;&lt;br&gt;
We've built a comprehensive library of New Zealand business-focused components:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight jsx"&gt;&lt;code&gt;&lt;span class="c1"&gt;// Industry-specific component example&lt;/span&gt;
&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;TradieTrustSignals&lt;/span&gt; 
  &lt;span class="na"&gt;certifications&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Master Builders&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Site Safe&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
  &lt;span class="na"&gt;guarantees&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Workmanship Guarantee&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Fixed Price&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
  &lt;span class="na"&gt;insurances&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Public Liability&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Contract Works&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;2. Smart Content Defaults&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;contentDefaults&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="na"&gt;tradie&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="na"&gt;hero&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Quality {service} in {location}&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;cta&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Get Your Free Quote&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;trust&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Licensed&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Insured&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Local&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;],&lt;/span&gt;
  &lt;span class="p"&gt;},&lt;/span&gt;
  &lt;span class="na"&gt;hospitality&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="na"&gt;hero&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Experience {cuisine} in the heart of {location}&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;cta&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Book Your Table&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;trust&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Fresh Daily&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Locally Sourced&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;5-Star Reviews&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="p"&gt;};&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;3. Automated SEO Optimization&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// Dynamic SEO generation&lt;/span&gt;
&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;generateSEO&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;business&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="k"&gt;return&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="na"&gt;title&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;`&lt;/span&gt;&lt;span class="p"&gt;${&lt;/span&gt;&lt;span class="nx"&gt;business&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;name&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="s2"&gt; | &lt;/span&gt;&lt;span class="p"&gt;${&lt;/span&gt;&lt;span class="nx"&gt;business&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;service&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="s2"&gt; &lt;/span&gt;&lt;span class="p"&gt;${&lt;/span&gt;&lt;span class="nx"&gt;business&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;location&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="s2"&gt;`&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;description&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nf"&gt;generateDescription&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;business&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
    &lt;span class="na"&gt;openGraph&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nf"&gt;generateOGTags&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;business&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
    &lt;span class="na"&gt;structuredData&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nf"&gt;generateLocalBusinessSchema&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;business&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;&lt;strong&gt;Lessons Learned&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Constraints Drive Innovation&lt;/strong&gt;&lt;br&gt;
The 24-hour limit forced us to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Build reusable systems&lt;/li&gt;
&lt;li&gt;Automate repetitive tasks&lt;/li&gt;
&lt;li&gt;Focus on what matters to small businesses&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;2. Local Context Matters&lt;/strong&gt;&lt;br&gt;
New Zealand businesses have unique needs:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Multi-location support (Auckland, Wellington, Christchurch)&lt;/li&gt;
&lt;li&gt;Integration with local services (NZ Post, local payment providers)&lt;/li&gt;
&lt;li&gt;Compliance with NZ privacy laws&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;3. Speed Is A Feature&lt;/strong&gt;&lt;br&gt;
Fast websites aren't just about development speed:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// Our performance budget&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;performanceBudget&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="na"&gt;fcp&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mf"&gt;1.8&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="c1"&gt;// First Contentful Paint&lt;/span&gt;
  &lt;span class="na"&gt;lcp&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mf"&gt;2.5&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="c1"&gt;// Largest Contentful Paint  &lt;/span&gt;
  &lt;span class="na"&gt;fid&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;100&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="c1"&gt;// First Input Delay&lt;/span&gt;
  &lt;span class="na"&gt;cls&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mf"&gt;0.1&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="c1"&gt;// Cumulative Layout Shift&lt;/span&gt;
&lt;span class="p"&gt;};&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;The Business Impact&lt;/strong&gt;&lt;br&gt;
Since implementing this system:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Delivered 100+ websites across New Zealand&lt;/li&gt;
&lt;li&gt;Average client sees 2-3x increase in online inquiries&lt;/li&gt;
&lt;li&gt;100% on-time delivery rate&lt;/li&gt;
&lt;li&gt;5-star reviews across the board&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Conclusion&lt;/strong&gt;&lt;br&gt;
Building websites in 24 hours isn't about working faster—it's about working smarter. By combining modern web technologies, automation, and a deep understanding of local business needs, we've created a system that delivers exceptional results.&lt;/p&gt;

&lt;p&gt;Whether you're a developer looking to streamline your process or a business owner needing a website yesterday, the principles remain the same: automate the repetitive, focus on what matters, and never compromise on quality.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Are you a developer in New Zealand looking to build better websites faster? Or a business owner who needs a professional website without the wait? Check out &lt;a href="https://getmogged.co.nz" rel="noopener noreferrer"&gt;Mogged&lt;/a&gt; - we deliver premium websites in 24 hours for Kiwi businesses.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Follow me for more web development insights and feel free to reach out if you want to discuss rapid development techniques!&lt;/p&gt;

&lt;h1&gt;
  
  
  webdev #webdesign #newzealand #automation #performance #smallbusiness
&lt;/h1&gt;

</description>
      <category>webdev</category>
      <category>website</category>
      <category>nz</category>
    </item>
    <item>
      <title>The Best New AI Image Generator</title>
      <dc:creator>Max Polaczuk</dc:creator>
      <pubDate>Mon, 27 May 2024 22:14:51 +0000</pubDate>
      <link>https://dev.to/max_polaczuk/the-best-ai-image-generator-516n</link>
      <guid>https://dev.to/max_polaczuk/the-best-ai-image-generator-516n</guid>
      <description>&lt;p&gt;I'm thrilled to share the AI Image Generator that we have been working hard on: &lt;a href="https://idyllic.app" rel="noopener noreferrer"&gt;Idyllic App&lt;/a&gt;!&lt;/p&gt;

&lt;p&gt;In a market that's becoming increasingly saturated with AI tools, Idyllic App stands out with its unique approach to user experience and product design. Our AI image generator is designed with two main goals in mind: making it incredibly user-friendly for non-tech users and creating a seamless environment for exploring the stunning content generated by our vibrant community.&lt;/p&gt;

&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%2Ficvuxebuqk8facpqyw6s.png" 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%2Ficvuxebuqk8facpqyw6s.png" alt="Image description" width="800" height="433"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Idyllic App is the Best AI Art Generator
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Streamlined for Non-Tech Users:&lt;/strong&gt; One of the biggest challenges with many AI image generators is their complexity. At Idyllic App, we've invested significant effort into ensuring that even users with no technical background can easily create and explore AI art. The interface is intuitive, and the process is straightforward, making the world of AI-generated images accessible to everyone.&lt;/p&gt;

&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%2Fi98jbfvvwara36a0ngov.png" 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%2Fi98jbfvvwara36a0ngov.png" alt="Image description" width="800" height="333"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Seamless Community Exploration:&lt;/strong&gt; Beyond just generating images, Idyllic App offers a unique experience where users can effortlessly explore the amazing AI art created by others. The app's recommendation system evolves in real-time, providing users with increasingly personalized content as they create and explore. This feature not only enhances user engagement but also rewards users with a richer experience simply by enjoying the app.&lt;/p&gt;

&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%2Fyzzkook0fse06z5ge9h3.png" 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%2Fyzzkook0fse06z5ge9h3.png" alt="Image description" width="800" height="432"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In other words, Idyllic App is equal parts AI art generator and AI image exploration tool. We believe that achieving this balance makes our app the best AI art generator available.&lt;/p&gt;

&lt;h2&gt;
  
  
  Create and Explore a Variety of AI Images
&lt;/h2&gt;

&lt;p&gt;Idyllic App empowers you to create a wide range of AI-generated images, from humorous memes to breathtaking masterpieces. Whether you're looking to generate something funny or create a work of art, Idyllic App has you covered.&lt;/p&gt;

&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%2F8bkf4iq83213folw2fmo.png" 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%2F8bkf4iq83213folw2fmo.png" alt="Image description" width="800" height="226"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  No Registration Required to Explore
&lt;/h2&gt;

&lt;p&gt;One of the most user-friendly features of Idyllic App is that you don't need to register an account to search through and explore the stunning AI art generated by other users. This open access encourages more users to engage with the app and discover the possibilities of AI-generated art.&lt;/p&gt;

&lt;h2&gt;
  
  
  Impressive Growth and User Engagement
&lt;/h2&gt;

&lt;p&gt;Since our launch &lt;strong&gt;three months ago&lt;/strong&gt;, we've seen incredible growth and engagement:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;40k Registered Accounts:&lt;/strong&gt; Our user base is rapidly expanding, completely organically, showing the appeal and usability of Idyllic App.&lt;br&gt;
&lt;strong&gt;12k Searches a Day:&lt;/strong&gt; Users are actively exploring and engaging with the AI art on our platform daily.&lt;/p&gt;

&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%2Ftxmqfby9982pd3f2eiky.png" 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%2Ftxmqfby9982pd3f2eiky.png" alt="Image description" width="800" height="432"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Idyllic App is not just an AI image generator; it's a thriving community of creators and explorers. Join us today and discover the future of AI-generated art. Visit &lt;a href="https://idyllic.app" rel="noopener noreferrer"&gt;Idyllic App&lt;/a&gt; and start your journey into the world of AI art!&lt;/p&gt;

</description>
      <category>ai</category>
      <category>startup</category>
      <category>product</category>
      <category>ux</category>
    </item>
  </channel>
</rss>
