Add react server components example

[hyukkwonepic]

Hi team,

I was looking into this nextjs implementation example of yours and I thought it could be improved if it provides a React Server Components example of implementing a constructor.io API because one of the new paradigms in React and Next.js is using server components. So I've added a simple RSC example here. I'd appreciate it if you could review the changes.

Here are the updates included in the PR:

1. Next.js version upgrade

I've upgraded the nextjs version to the latest one (v14) to be able to use the app router, which allows the use of RSC.

Due to this upgrade, there were some changes:The new version doesn't allow the Link component to wrap the <a /> element so I removed it, and the Image component's width and height value became a number type.

2. Added RSC example

The ServerComponentsExamplePage component fetches data using ConstructorIONode from the Node.js client library. I tried to implement the fetchResultsServerSide function's behavior instead of using the function because it is designed to fit in the getServerSideProps for the original nextjs page implementation.

In the page component, userParameters data is collected according to the new nextjs 14 version. I've aimed to implement an example comparable to others, focusing on data fetching and UI rendering. If necessary, we can add a pagination here.

3. Possible bug?

In the fetchResultsServerSide function, I believe the cioNode.search.getSearchResults method's second parameter is not a position for the userParameters.

The signature says:

  getSearchResults(
    query: string,
    parameters?: SearchParameters,
    userParameters?: UserParameters,
    networkParameters?: NetworkParameters
  ): Promise<SearchResponse>;

So I passed the userParameters as a third argument. I'm not sure this is correct in version "4.5.3" of the @constructor-io/constructorio-node package as I couldn't find the documentation for the version. It would be great to confirm if this change is appropriate.

I would appreciate your review of these changes. If you have any questions or need any adjustments, please let me know!

[hyukkwonepic]

Update on Oct 31:

I rebased the branch on top of the recent commits

[esezen]

Hey @hyukkwonepic , thanks a lot for your contribution!
We have been very busy and couldn't find time to review this yet but it's in our radar.