Code Components in Deployed App

I have a design system in a Plasmic project using codegen. In this design system, I registered several code components to be able to use them in other projects.

I created a new project where I connect to the design system’s app host to use the components. In Plasmic, everything works perfectly; however, I’m not clear on what I need to do to deploy this project. When I try to build it, I get an error saying that the design system’s code components do not exist, and indeed, those files do not exist anywhere in my code. Am I missing something?

It is worth mentioning that both projects are in Next.js and using the codegen scheme.

Guys, I really need a guide here. I need to deploy the project for a customer :slightly_frowning_face:

Hello @andres_murillo. Your components that are registered in the app host should be present in the customer’s codebase. You can achieve that by creating a NPM package for example that will have the needed code components, for example. The code components are not saved in our servers, so you always need to have them available in code when you want to use them.

1 Like

Do you have a tutorial on how to do this? I think is a basic function of a design system, buy im finding it quite complicated.

All the projects that have the same app host should have access to the components in code.

You can copy/paste the components in the new repository (it needs to have the same importName/importPath) or you can have a shared package between the projects that export these components Creating and publishing scoped public packages | npm Docs