# npm-workspaces

Published articles for npm-workspaces.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## 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](<https://devfeed.tech/articles/sharing-tailwind-css-styles-across-apps-in-a-pnpm-workspaces-nx-monorepo-21452.md>)

Original publisher: [Read original article](<https://nx.dev/blog/sharing-tailwind-styles-nx-monorepo>)

Author: Juri Strumpflohner

Published: 2026-04-10T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [monorepo](<https://devfeed.tech/topics/monorepo.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [CSS](<https://devfeed.tech/topics/css.md>)

Tags: [design](<https://devfeed.tech/tags/design.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [monorepo](<https://devfeed.tech/tags/monorepo.md>), [npm-workspaces](<https://devfeed.tech/tags/npm-workspaces.md>), [nx](<https://devfeed.tech/tags/nx.md>), [pnpm](<https://devfeed.tech/tags/pnpm.md>), [sync-generators](<https://devfeed.tech/tags/sync-generators.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [tailwind-css](<https://devfeed.tech/tags/tailwind-css.md>), [tokens](<https://devfeed.tech/tags/tokens.md>)

### 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.

## 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](<https://devfeed.tech/articles/configure-tailwind-4-with-vite-in-an-npm-workspace-the-complete-guide-21451.md>)

Original publisher: [Read original article](<https://nx.dev/blog/setup-tailwind-4-npm-workspace>)

Author: Juri Strumpflohner

Published: 2025-06-19T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [monorepo](<https://devfeed.tech/topics/monorepo.md>), [npm](<https://devfeed.tech/topics/npm.md>), [Vite](<https://devfeed.tech/topics/vite.md>), [configuration](<https://devfeed.tech/topics/configuration.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Automation](<https://devfeed.tech/topics/automation.md>)

Tags: [automation](<https://devfeed.tech/tags/automation.md>), [configuration](<https://devfeed.tech/tags/configuration.md>), [guide](<https://devfeed.tech/tags/guide.md>), [monorepo](<https://devfeed.tech/tags/monorepo.md>), [npm](<https://devfeed.tech/tags/npm.md>), [npm-workspaces](<https://devfeed.tech/tags/npm-workspaces.md>), [nx](<https://devfeed.tech/tags/nx.md>), [sync-generators](<https://devfeed.tech/tags/sync-generators.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [tailwind-css](<https://devfeed.tech/tags/tailwind-css.md>), [vite](<https://devfeed.tech/tags/vite.md>)

### 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.

## React Development for 2025

DevFeed: [React Development for 2025](<https://devfeed.tech/articles/react-development-for-2025-21443.md>)

Original publisher: [Read original article](<https://nx.dev/blog/react-development-for-2025>)

Author: Juri Strumpflohner

Published: 2025-02-26T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [Development](<https://devfeed.tech/topics/development.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Developer experience](<https://devfeed.tech/topics/developer-experience.md>), [npm](<https://devfeed.tech/topics/npm.md>), [ci](<https://devfeed.tech/topics/ci.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [ci](<https://devfeed.tech/tags/ci.md>), [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [development](<https://devfeed.tech/tags/development.md>), [npm](<https://devfeed.tech/tags/npm.md>), [npm-workspaces](<https://devfeed.tech/tags/npm-workspaces.md>), [performance](<https://devfeed.tech/tags/performance.md>), [react](<https://devfeed.tech/tags/react.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [webinar](<https://devfeed.tech/tags/webinar.md>)

### AI overview

A webinar on building modern React applications with NPM workspaces and TypeScript project references. It explains how Nx can improve developer experience and performance in large React and TypeScript monorepos locally and on CI.

### Source excerpt

In this webinar, we'll dive into building modern React applications using platform-native tools like NPM workspaces and TypeScript project references. Learn how Nx improves the developer experience all while letting you ship your React apps faster. We'll explore features like project references, how they work, and why they can significantly improve the performance of large React and TypeScript monorepos, both locally and on CI.

## A New Nx Experience for TypeScript Monorepos and Beyond

DevFeed: [A New Nx Experience for TypeScript Monorepos and Beyond](<https://devfeed.tech/articles/a-new-nx-experience-for-typescript-monorepos-and-beyond-21416.md>)

Original publisher: [Read original article](<https://nx.dev/blog/new-nx-experience-for-typescript-monorepos>)

Author: Juri Strumpflohner

Published: 2025-01-29T00:00:00Z

Content type: release

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Developer experience](<https://devfeed.tech/topics/developer-experience.md>), [Package manager](<https://devfeed.tech/topics/package-manager.md>)

Tags: [bun](<https://devfeed.tech/tags/bun.md>), [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [monorepo](<https://devfeed.tech/tags/monorepo.md>), [monorepo-tools](<https://devfeed.tech/tags/monorepo-tools.md>), [npm](<https://devfeed.tech/tags/npm.md>), [npm-workspaces](<https://devfeed.tech/tags/npm-workspaces.md>), [nx](<https://devfeed.tech/tags/nx.md>), [pnpm](<https://devfeed.tech/tags/pnpm.md>), [release](<https://devfeed.tech/tags/release.md>), [tooling](<https://devfeed.tech/tags/tooling.md>), [typescript](<https://devfeed.tech/tags/typescript.md>)

### AI overview

Nx introduces a workspaces-based setup that combines NPM, Yarn, PNPM, or Bun workspaces with TypeScript project references for monorepos. The article explains the expected performance, memory-use, and editor-support benefits, while noting that the feature is initially behind a flag.

### Source excerpt

Discover how Nx's new workspaces setup combines package managers with TypeScript project references for better performance and developer experience in monorepos.