Next.js app example with their new app directory approach

[colinscz]

Expected Behavior

Next.js example with the new app directory.
https://nextjs.org/docs/app/building-your-application/upgrading/app-router-migration

Actual Behavior

Currently there is an example with the pages directory, which is not the primary focus of Next.js anymore since they gradually move towards doing everything from the /app dir.

Issue / Questions

It would be great if you guys could setup an example with the correct headless package and with an app dir project. I think for now people will still be interested in both approaches, until the /pages approach is removed/not accepted anymore.

• Should the headless nodejs or the headless client npm package be used with server components?
  I currently work on a project using headless-client which I migrated to the app dir.

There is a good example provided from the team behind Strapi: https://github.com/strapi/nextjs-corporate-starter/tree/main
It would be great if something similar could be provided by you guys with the WKND tutorial. There are probably a couple of changes in how it should be built and retrieved from AEM for example for Server-Side-Rendering (as mentioned in my question above).