# nx Published articles for nx. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Why the AWS PACE Team Built Its Full-Stack Scaffolding as an Nx Plugin DevFeed: [Why the AWS PACE Team Built Its Full-Stack Scaffolding as an Nx Plugin]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2026-09-10T00:00:00Z Content type: article Language: en Sources: [Juri Strumpflohner]() Topics: [Amazon Web Services](), [coding](), [AI-assisted coding](), [Infrastructure as code](), [Template]() Tags: [ai](), [aws](), [blog](), [coding](), [coding-agents](), [devkit](), [generators](), [infrastructure-as-code](), [nx](), [plugin](), [tutorial](), [video]() ### AI overview The article explains why the AWS PACE team built full-stack scaffolding as an Nx plugin using Nx Devkit generators. It discusses predictable prototyping, generated code ownership, infrastructure and application components, and how coding agents affect plugin development. ### Source excerpt How the AWS PACE team built the Nx Plugin for AWS on the Nx Devkit, and why coding agents make building your own Nx plugin cheaper than ever. ## Agentic Nx Import: Let an Agent Drive Your Monorepo Migrations DevFeed: [Agentic Nx Import: Let an Agent Drive Your Monorepo Migrations]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2026-04-30T00:00:00Z Content type: article Language: en Sources: [Juri Strumpflohner]() Topics: [AI Agent](), [Command-line interface](), [Tooling]() Tags: [agent](), [agentic](), [ai](), [ai-agent](), [ai-agents](), [blog](), [cli](), [code](), [git](), [import](), [migrations](), [monorepo](), [nx](), [project](), [skills](), [tests](), [token-efficiency](), [tool](), [verification](), [video]() ### AI overview The article describes an agentic workflow for importing existing projects into an Nx monorepo. The Nx CLI handles deterministic work such as cloning, file moves, plugin detection, setup, and Git history preservation, while an AI agent addresses workspace-specific gaps and performs follow-up verification. ### Source excerpt AI agents make importing existing projects into an Nx monorepo easier: does the heavy lifting while the agent handles workspace-specific gaps. ## Nx 22.7 Is Here: Task Sandboxing, 7x Less Memory, and Worktree-Aware Caching DevFeed: [Nx 22.7 Is Here: Task Sandboxing, 7x Less Memory, and Worktree-Aware Caching]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2026-04-28T00:00:00Z Content type: release Language: en Sources: [Juri Strumpflohner]() Topics: [Caching](), [releases](), [Development](), [configuration](), [tracing](), [Git]() Tags: [agentic](), [cache](), [caching](), [draft](), [git](), [nx](), [parallel](), [release](), [releases](), [tracing]() ### AI overview Nx 22.7 consolidates changes from Nx 22.4 through 22.7, including task sandboxing with I/O tracing, reduced daemon memory usage, worktree-aware caching, more precise cache invalidation, resolved-configuration inspection, and agentic development improvements. ### Source excerpt Everything that landed in Nx across 22.4 through 22.7: task sandboxing, a 7x reduction in daemon memory, worktree-aware caching, agentic mode improvements, and more. ## Deploying a PNPM Monorepo to Cloudflare Pages DevFeed: [Deploying a PNPM Monorepo to Cloudflare Pages]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2026-04-21T00:00:00Z Content type: tutorial Language: en Sources: [Juri Strumpflohner]() Topics: [Cloudflare](), [monorepo](), [GitHub](), [GitHub Actions](), [Deployment](), [hosting](), [Cache]() Tags: [cache](), [ci](), [cloudflare](), [deployment](), [github](), [github-actions](), [hosting](), [monorepo](), [npm](), [nx](), [pnpm](), [workflow]() ### AI overview This tutorial explains how to deploy multiple apps from a pnpm or npm monorepo to Cloudflare Pages using Nx and one generic GitHub Actions workflow. Nx uses the project graph to identify affected apps, while caching avoids unnecessary rebuilds and redeployments. ### Source excerpt Deploy apps from a pnpm or npm workspace to Cloudflare Pages with one GitHub Actions workflow, using Nx as the task scheduler to rebuild only what changed. ## Sharing Tailwind CSS Styles Across Apps in a PNPM Workspaces Nx Monorepo DevFeed: [Sharing Tailwind CSS Styles Across Apps in a PNPM Workspaces Nx Monorepo]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2026-04-10T00:00:00Z Content type: tutorial Language: en Sources: [Juri Strumpflohner]() Topics: [Tailwind CSS](), [monorepo](), [Web Development](), [CSS]() Tags: [design](), [how-to](), [monorepo](), [npm-workspaces](), [nx](), [pnpm](), [sync-generators](), [tailwind](), [tailwind-css](), [tokens]() ### AI overview A tutorial on sharing Tailwind v4 design tokens across multiple applications in a pnpm or npm workspaces monorepo. It explains how to place shared CSS in a package, consume it from applications, and use Nx sync generators to automate Tailwind source directives based on project dependencies. ### Source excerpt Share Tailwind v4 design tokens across multiple apps in a pnpm + Nx monorepo using a shared styles package and automated @source directives. ## A Visual Feedback Loop for Electron Apps with Claude Code DevFeed: [A Visual Feedback Loop for Electron Apps with Claude Code]() Original publisher: [Read original article]() Published: 2026-03-06T00:00:00Z Content type: tutorial Language: en Sources: [Juri Strumpflohner]() Topics: [Electron](), [Agent Browser](), [Claude Code](), [Protocol (disambiguation)](), [Tooling](), [Command-line interface](), [Chromium]() Tags: [agent-browser](), [chromium](), [claude-code](), [cli](), [devtools](), [electron](), [nx](), [protocol](), [tooling]() ### AI overview This tutorial explains how to give Claude Code visual feedback when building Electron applications. It uses agent-browser and the Chrome DevTools Protocol to connect to a running Electron app, capture screenshots, inspect the DOM, and verify that the rendered interface works. The article covers installing the required tooling, enabling CDP, configuring electron-vite and Nx development scripts, and checking the CDP endpoint. ### Source excerpt A Visual Feedback Loop for Electron Apps with Claude Code When building Electron apps with an AI coding agent, you run into a fundamental problem: the agent can't see what it's building. It writes code, runs the build, maybe checks the logs, but never actually looks at the rendered UI. If the window is blank or the layout is broken, it has no way to know. I found a way to close that gap using agent-browser and Chrome DevTools Protocol (CDP). ## How Nx Redesigned Its CLI for AI Agents DevFeed: [How Nx Redesigned Its CLI for AI Agents]() Original publisher: [Read original article]() Author: Max Kless Published: 2026-03-05T00:00:00Z Content type: article Language: en Sources: [Juri Strumpflohner]() Topics: [Developer experience](), [Command-line interface](), [Artificial Intelligence](), [code productivity]() Tags: [ai](), [ai-agents](), [cli](), [commands](), [developer-experience](), [dx](), [nx](), [productivity]() ### AI overview Nx describes improvements to commands including nx import, nx init, and create-nx-workspace to make its CLI work more effectively with AI agents. The article explains how missing context, interactive output, retry failures, and overly prescriptive output can hinder agent workflows, while improvements to agentic experience can also improve developer experience. ### Source excerpt How we redesigned Nx CLI commands like nx import, nx init, and create-nx-workspace to work seamlessly with AI agents, and the AX principles behind the changes. ## Monorepo Development: Common Objections, Scaling, and Team Independence DevFeed: [Monorepo Development: Common Objections, Scaling, and Team Independence]() Original publisher: [Read original article]() Author: Victor Savkin Published: 2026-02-24T00:00:00Z Content type: tutorial Language: en Sources: [Juri Strumpflohner]() Topics: [Development](), [Tooling](), [ci](), [Caching](), [Software Engineering]() Tags: [caching](), [ci](), [content](), [monorepo](), [nx](), [tooling]() ### AI overview This article explains common objections to monorepos and describes how a proper setup can support multiple projects and teams. Using Nx as an example, it covers affected-project testing and builds, remote caching, scalable CI pipelines, and team independence. ### Source excerpt Common objections to monorepos debunked: they are not monoliths, they scale, and they work great with AI. ## How Nx Connects Local AI Agents to CI for Autonomous Workflows DevFeed: [How Nx Connects Local AI Agents to CI for Autonomous Workflows]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2026-02-03T00:00:00Z Content type: article Language: en Sources: [Juri Strumpflohner]() Topics: [AI Agent](), [ci](), [Loop Engineering](), [MCP](), [MCP Server](), [Testing](), [Tooling]() Tags: [agent](), [ai](), [ai-agents](), [autonomous](), [ci](), [claude-code](), [development](), [mcp-server](), [nx](), [self-healing](), [testing]() ### AI overview This article explains how Nx connects local AI agents to Nx Cloud CI through the CI Monitor skill and Nx MCP server. The workflow lets an agent monitor CI, receive failure context, communicate with Nx's Self-Healing CI agent, apply verified fixes, and continue iterating until CI is green. ### Source excerpt Learn how Nx bridges the gap between local AI agents and CI, enabling fully autonomous development workflows with the ci-monitor skill and Self-Healing CI. ## Configure Tailwind v4 with Angular in an Nx Monorepo DevFeed: [Configure Tailwind v4 with Angular in an Nx Monorepo]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2026-01-14T00:00:00Z Content type: tutorial Language: en Sources: [Juri Strumpflohner]() Topics: [Tailwind CSS](), [Angular](), [monorepo](), [PostCSS](), [Web Development]() Tags: [angular](), [css](), [generators](), [how-to](), [monorepo](), [nx](), [sync](), [sync-generators](), [tailwind](), [tailwind-css]() ### AI overview A tutorial on configuring Tailwind CSS v4 with Angular in an Nx monorepo. It explains how Angular's PostCSS setup can scan the workspace broadly and produce bloated production CSS, then presents @source directives and Nx Sync Generators as ways to limit scanning and manage library dependencies. ### Source excerpt Learn how Tailwind CSS v4 scanning works with Angular in Nx monorepos, why you may have bloated CSS, and how to optimize it with @source directives and Nx Sync Generators. ## Watch and Rebuild Storybook Dependencies with Nx DevFeed: [Watch and Rebuild Storybook Dependencies with Nx]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2025-10-29T00:00:00Z Content type: tutorial Language: en Sources: [Juri Strumpflohner]() Topics: [Storybook](), [Developer experience](), [monorepo](), [Vite](), [Library](), [configuration]() Tags: [build](), [commands](), [configuration](), [developer-experience](), [how-to](), [monorepo](), [nx](), [storybook](), [vite]() ### AI overview This tutorial explains how to use Nx workspace watching to automatically rebuild buildable library dependencies in a Storybook monorepo. It configures watch and dependency targets so Storybook's Vite HMR server detects changes and refreshes automatically. ### Source excerpt Learn how to set up automatic rebuilding of buildable library dependencies in your Storybook setup using Nx workspace watching for a seamless developer experience. ## Book - React for Enterprise: Timeless Architecture for Enterprise Apps DevFeed: [Book - React for Enterprise: Timeless Architecture for Enterprise Apps]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2025-10-28T00:00:00Z Content type: article Language: en Sources: [Juri Strumpflohner]() Topics: [React](), [Architecture & Design](), [monorepo](), [Tooling](), [CI/CD]() Tags: [architecture](), [ci-cd](), [enterprise](), [how-to](), [learn](), [monorepo](), [nx](), [react](), [tooling]() ### AI overview This article introduces React for Enterprise: Timeless Architecture for Enterprise Apps, a book by Przemysław Nowak created with Juri Strumpflohner. It presents architectural patterns, module boundaries, Nx tooling, automated enforcement, and CI/CD practices for maintaining large React codebases across teams. ### Source excerpt Learn how to bring order, automation, and long-term velocity to large React codebases with the new React Enterprise book by Przemysław Nowak from Brainly, written in collaboration with Nx. ## What's New in Nx Self-Healing CI DevFeed: [What's New in Nx Self-Healing CI]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2025-10-14T00:00:00Z Content type: release Language: en Sources: [Juri Strumpflohner]() Topics: [ci](), [AI-assisted coding](), [nx-cloud](), [GitHub]() Tags: [ai-assisted-coding](), [ci](), [content](), [github](), [nx](), [nx-cloud](), [self-healing]() ### AI overview Nx announced updates to Self-Healing CI, including GitHub pull-request comments with proposed fixes, an improved Nx Cloud diff view, task-selection controls, and options to apply or reject AI-generated fixes. ### Source excerpt Enhanced GitHub integration, interactive diffs, fine-grained task control, auto-apply fixes, and local fix application--discover the latest improvements to Nx Self-Healing CI. ## S1ngularity - What Happened, How We Responded, What We Learned DevFeed: [S1ngularity - What Happened, How We Responded, What We Learned]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2025-09-05T00:00:00Z Content type: article Language: en Sources: [Juri Strumpflohner]() Topics: [GitHub Actions](), [npm](), [malicious packages](), [Security](), [Exploit](), [incident](), [Command-line interface](), [Local AI](), [Claude]() Tags: [claude](), [cli](), [exploit](), [gemini](), [github](), [github-actions](), [incident](), [local-ai](), [malicious-packages](), [npm](), [nx](), [reporting](), [security](), [signing]() ### AI overview Nx describes how attackers exploited a GitHub Actions injection vulnerability to steal its npm publishing token and publish malicious Nx packages. The packages ran post-install scripts that searched for sensitive data and uploaded results to public GitHub repositories. The article also details containment, communication, investigation, and security hardening measures. ### Source excerpt Malicious Nx packages were published to npm via GitHub Actions exploit. Learn what happened and how we enhanced security measures. ## UKG Unifies Their Codebase and Eliminates CI Overhead to Focus on Customer Value DevFeed: [UKG Unifies Their Codebase and Eliminates CI Overhead to Focus on Customer Value]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2025-08-12T00:00:00Z Content type: article Language: en Sources: [Juri Strumpflohner]() Topics: [monorepo](), [ci](), [cross-platform](), [Angular](), [TypeScript](), [JavaScript](), [Mobile](), [Development]() Tags: [angular](), [ci](), [cross-platform](), [customer-story](), [developer-experience](), [development](), [javascript](), [javascript-monorepo](), [mobile](), [monorepo](), [nx](), [nx-cloud](), [operational]() ### AI overview A UKG case study describes how the company used Nx and Nx Cloud with its Angular, TypeScript, and JavaScript monorepo to share code across mobile and web experiences and reduce CI build and maintenance bottlenecks. ### Source excerpt Discover how UKG transformed their development workflow by leveraging Nx and Nx Cloud to eliminate build bottlenecks and enable cross-platform code sharing. ## How PayFit used Nx to revive its monorepo and improve development velocity DevFeed: [How PayFit used Nx to revive its monorepo and improve development velocity]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2025-07-24T00:00:00Z Content type: article Language: en Sources: [Juri Strumpflohner]() Topics: [monorepo](), [CI/CD](), [Development](), [Tooling](), [Deployment](), [Software as a service]() Tags: [ci-cd](), [company](), [customer-story](), [deployment](), [development](), [efficiency](), [europe](), [fragmentation](), [monorepo](), [nx](), [speed](), [startup](), [tooling](), [velocity]() ### AI overview This case study describes how PayFit's four-person platform team addressed monorepo abandonment, fragmented repositories, deployment complexity, and CI/CD inefficiencies by improving monorepo health with Nx and focusing on execution and support. ### Source excerpt Discover how a 4-person platform team at Payfit turned monorepo abandonment into a competitive advantage using strategic Nx implementation. ## Expanding a Running Netlab Topology DevFeed: [Expanding a Running Netlab Topology]() Original publisher: [Read original article]() Published: 2025-07-07T06:11:00Z Content type: tutorial Language: en Sources: [ipSpace.net blog]() Topics: [configuration](), [Cisco](), [dell](), [Linux]() Tags: [cisco](), [collect](), [config](), [configuration](), [dell](), [devices](), [ios](), [linux](), [merge](), [mikrotik](), [netlab](), [nx](), [sonic]() ### AI overview This tutorial explains how to expand a netlab topology while preserving configuration changes made to existing devices. It recommends collecting configurations to a separate folder, checking whether they can be reloaded, rebuilding the lab with the modified topology, and applying the saved configurations. The procedure has platform-specific limitations and may fail when device interfaces or configuration formats differ. ### Source excerpt One of the happy netlab users sent me an interesting challenge: He's built a large lab and added tons of extra configuration to the lab devices. Afterwards, he realized he'd like to add a few more devices to the lab and was worried about losing all the changes he had made. Unfortunately, you cannot add new devices to an already-running lab. You must shut down the lab, change the topology description, and start a new lab. However, there are things you can do to preserve the extra work you already did: Read more ... ## Analyze Your Nx Cloud Runs With Your AI Assistant DevFeed: [Analyze Your Nx Cloud Runs With Your AI Assistant]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2025-06-25T00:00:00Z Content type: tutorial Language: en Sources: [Juri Strumpflohner]() Topics: [ci](), [Model Context Protocol (MCP)](), [Cloud APIs](), [Conversational AI](), [Architecture & optimization](), [build times]() Tags: [ai](), [ai-assistants](), [build-times](), [ci](), [devops](), [mcp](), [model-context-protocol-mcp](), [nx](), [nx-cloud](), [optimization](), [resource]() ### AI overview This article explains how Nx Cloud MCP connects AI assistants to live CI data so technical teams can analyze pipeline runs conversationally, identify recurring build and test failures, compare cache performance, and optimize development workflows. ### Source excerpt Learn how to use Nx Cloud MCP to analyze CI data conversationally with AI assistants, identify failure patterns, and optimize your development pipeline through data-driven insights. ## Introducing Self-Healing CI for Nx and Nx Cloud DevFeed: [Introducing Self-Healing CI for Nx and Nx Cloud]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2025-06-23T00:00:00Z Content type: release Language: en Sources: [Juri Strumpflohner]() Topics: [ci](), [AI Agent](), [Cloud]() Tags: [agents](), [ai](), [ai-agents](), [bugs](), [ci](), [code](), [configuration](), [development](), [flaky](), [nx](), [nx-cloud](), [self-healing](), [teams](), [test](), [tests](), [validation](), [workflow]() ### AI overview Nx introduces Self-Healing CI for Nx Cloud, using AI agents to detect, analyze, fix, and validate CI failures while keeping developers in control through review and approval. The system complements existing flaky-task retries by addressing failures that require code, configuration, or dependency fixes. ### Source excerpt Introducing Nx Cloud Self-Healing CI: AI agents that automatically detect, analyze, and fix your CI failures so you do not have to babysit PRs. ## Configure Tailwind 4 with Vite in an NPM Workspace: The Complete Guide DevFeed: [Configure Tailwind 4 with Vite in an NPM Workspace: The Complete Guide]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2025-06-19T00:00:00Z Content type: tutorial Language: en Sources: [Juri Strumpflohner]() Topics: [Tailwind CSS](), [monorepo](), [npm](), [Vite](), [configuration](), [CSS](), [Automation]() Tags: [automation](), [configuration](), [guide](), [monorepo](), [npm](), [npm-workspaces](), [nx](), [sync-generators](), [tailwind](), [tailwind-css](), [vite]() ### AI overview A guide to setting up Tailwind CSS v4 with Vite in an NPM workspace monorepo. It explains how to scan workspace packages for utility classes and use Nx Sync Generators to automate configuration updates. ### Source excerpt Learn how to set up Tailwind CSS v4 with Vite in an NPM workspace monorepo, and automate your configuration with Nx Sync Generators for optimal performance. ## Nx Console CI Alerts and AI-Assisted Error Fixes in the Editor DevFeed: [Nx Console CI Alerts and AI-Assisted Error Fixes in the Editor]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2025-05-01T00:00:00Z Content type: article Language: en Sources: [Juri Strumpflohner]() Topics: [nx-console](), [ci](), [nx-cloud](), [Model Context Protocol](), [Large Language Model]() Tags: [ai](), [ci](), [llms](), [mcp](), [nx](), [nx-console]() ### AI overview Nx describes an integration that monitors CI runs through Nx Cloud, notifies developers in their editor when builds fail, and offers AI-assisted fixes through its MCP server. ### Source excerpt Learn how Nx Console integrates with CI to alert you of failing builds and uses the Nx MCP to automatically fix errors right from your editor. ## Nx MCP Now Available for VS Code Copilot DevFeed: [Nx MCP Now Available for VS Code Copilot]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2025-04-15T00:00:00Z Content type: tutorial Language: en Sources: [Juri Strumpflohner]() Topics: [Model Context Protocol (MCP)](), [GitHub Copilot](), [vs-code](), [monorepo](), [Development]() Tags: [ai](), [copilot](), [how-to](), [integration](), [mcp](), [monorepo](), [nx](), [nx-console](), [vs-code]() ### AI overview This tutorial explains how to configure Nx MCP integration in VS Code Copilot. The integration provides monorepo metadata such as project relationships, dependencies, tasks, tags, and code ownership to help the AI assistant understand workspace architecture. ### Source excerpt Learn how to enhance VS Code Copilot with Nx MCP integration, providing rich monorepo context for smarter AI assistance. ## Using Nx Console MCP Integration in Cursor to Explore a Codebase DevFeed: [Using Nx Console MCP Integration in Cursor to Explore a Codebase]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2025-04-10T00:00:00Z Content type: tutorial Language: en Sources: [Juri Strumpflohner]() Topics: [nx-console](), [Model Context Protocol](), [cursor](), [LLMs]() Tags: [ai](), [cursor](), [llms](), [mcp](), [nx](), [nx-console]() ### AI overview A walkthrough of using Nx Console's MCP integration in Cursor to explore the Nx Console codebase and identify the command needed to build its VS Code extension for local testing. ### Source excerpt A walkthrough of using the Nx MCP integration in Cursor to navigate and understand the Nx Console codebase, demonstrating how AI assistance simplifies development tasks. ## Angular Architecture Guide To Building Maintainable Applications at Scale DevFeed: [Angular Architecture Guide To Building Maintainable Applications at Scale]() Original publisher: [Read original article]() Author: Juri Strumpflohner Published: 2025-03-18T00:00:00Z Content type: tutorial Language: en Sources: [Juri Strumpflohner]() Topics: [Angular](), [Architecture & Design](), [Domain-driven design (DDD)](), [Scalability](), [Tooling]() Tags: [angular](), [architecture](), [collaboration](), [design](), [development](), [domain](), [domain-driven-design](), [guide](), [how-to](), [key-angular](), [key-architecture](), [maintainability](), [modular](), [nx](), [scalable-architecture](), [scale](), [software-architecture](), [structure](), [tooling]() ### AI overview A guide to architecting maintainable Angular applications at scale. It explains modular design, clear boundaries, dependency decoupling, layered and vertical architectures, and organizing code around business domains. ### Source excerpt Learn how to build scalable Angular applications using domain-driven design, clear boundaries, and Nx tooling for better maintainability and team collaboration. [Next page]()