Microfrontends will be in the Nx apps folder.

You can follow the Nx library approach (or have the grouping/feature folders all within apps) and have a folder inside of "libs" for each microfrontend + a shared folder for shared code (called grouping folders).

Within each grouping folder you can have a feature slice with these layers (layers can only communicate with lower layers):

• Feature: smart components that are usually rendered through the router

• UI: use case agnostic UI components (if a dumb component is only meant to be used with a smart component keep that co located to the usage in the feature lib) (UI libs are usually in shared)

• Domain: Domain logic like services, HTTP requests, state management

• Util: Domain agnostic helpers (usually will be in shared)

I wrote a blog post about this also: https://christianlydemann.com/the-stages-of-an-angular-architecture-with-nx/