I'm considering what the community considers the "go-to" approach for component file structures.

I've seen the concept of colocated components in the routes that they "belong" to:

user-onboarding
|
|-- Page.tsx
|-- actions.tsx
|-- UserForm.tsx
|-- etc...

And then have shared components in a components folder.

Is this generally the accepted way to do things in the Nextjs App router era?