⚠️ This codebase doesn't support Node.js 21 or later yet,npm run build
will break.
This mesh app extends Uniform Canvas UI with the support for themes and new custom parameters that facilitate the configuration of visual aspects - header style, button style, column size (slider), etc.
Underneath, it is a Next.js app instrumented with Mesh SDK, so it should provide familiar developer experience and deployment workflows.
This mesh app is built specifically for Uniform Component Starter Kit (CSK) and works well with it, but it can be used with any front-end app. We recommend you having a copy of Component Starter Kit (CSK) to use as a reference.
Grab JSON from mesh-manifest.json and paste it as a new custom integration in your team settings. Notice baseLocationUrl
is referencing localhost:3000 here. This means that if you are planning on deploying your own version of this mesh app, you will need to either update the manifest with a different url, or create a new instance of mesh app pointing to your production url.
After the custom integration is added to your team, you can add it to any of your projects.
- Run
npm install
- Run
npm run dev
If the custom Theme Pack integration is added to your project, you should be able to set themes and add new Canvas parameters from the new types.
Since it's Next.js app, it can deploy anywhere you can deploy Next.js app to.
npm run build
builds the production version, static version of the app. Consult your front-end cloud of choice on how to deploy Next.js app.
After you deploy the production version, make sure to update the mesh app manifest with new url.