NextJS 14 App directory starter with ContentStack

[surajcontentstack]

We want to create a next js 14 starter site with contentstack. We already have a starter with pages directory. Now, we want to create one using the app directory which is a standard way to build next js application using react rsc.

Demo website: https://contentstack-nextjs-starter-app.vercel.app/
We want to create the exact same website but with app directory in next js 14.

Website is fairly straightforward in terms of UI. Its a simple company website with a blog and few static pages.

Challenge:
Adding live preview support: Its a challenge because the pages are now generated on server (SSG mode) and served as static html. We can make it client rendered pages but it will defy the whole purpose of use app directory. In order to support live preview we will need client side components.