[FEAT] Add an example of a project using `NextJS`

[tbouffard]

Contribution guidelines

• first, post a comment to mention you are interested in contributing, then you will be assigned to the issue
• we prefer TypeScript projects
• store it in a sub-folder of the projects directory
• choose use case
  • It can be a basic integration that simply displays the diagram, or use an API as we do in the "projects" showing how to integrate bpmn-visualization with build tools and bundlers.
  • It is perfectly valid to provide a contribution using the framework starter kit.
  • It can include dedicated use cases, as Angular or Vue integrations do.

In any case, please communicate with the maintainers of this repository (with this issue) about what you want to implement (especially the use case) to make sure we're aligned on this. This will speed up the review and final integration into the examples.

[pAkalpa]

I want to work on this issue. I will do a pull request in October.

[tbouffard]

Hi @pAkalpa and thanks for your proposal. You are now assigned to this issue. Please follow the guidelines described in this issue and in #562.

[pAkalpa]

What is the reason for this issue? I'm using NextJS 13.5.3 with TS version 5.2.2

[tbouffard]

Hi I cannot answer with this short report. Can you share a repository or more details please? In particular which version of bpmn-visualization are you using and what is your tsconfig.json file?

[tbouffard]

@pAkalpa Hi, can you share more details about your problem please?

[tbouffard]

ℹ️ I have just reproduced the problem in #580. I will implement a fix in bpmn-visualization.

The issue occurs when moduleResolution is set to bundler in tsconfig.json. Other configurations work.

[UPDATE] The proposed fix is in https://github.com/process-analytics/bpmn-visualization-js/pull/2972