UI Toolkit
Last updated
Last updated
The UI Toolkit can be found at:
The code is structured in a monorepo pattern and is built with a Turborepo - https://turbo.build/repo. The apps directory contains a few property apps that are deployed (i.e. traditionaldreamfactory.com, moos.garden etc), and the packages directory that contains Closer package, which contains reusable components and logic.
tdf: TDF Next.js application ...
closer: Closer Next.js application
eslint-config-custom: eslint configurations shared across all projects
tsconfig: tsconfig.jsons used throughout the monorepo
Please, first find two files with the name.env.sample, clone them in the same directory (one in each app's directory, one in Closer) and rename to .env. Then, fill in the values for the variables (ask in the chat for secrets).
From root folder:
Install dependencies
Run one of the apps
CD to app's directory (e.g. apps/tdf), then
Test
CD to app's directory (e.g. apps/tdf or packages/closer), then
To build all apps and packages, run the following command from the root:
To build a specific app or package, run the following command from the root:
CD to app's directory (e.g. apps/tdf), then
Install packages in a respective app directory. Packages shared between apps should go to /packages/closer. CD into app directory, then
Same for removing packages:
Next, you can link your Turborepo to your Remote Cache by running the following command from the root of your turborepo:
Learn more about the power of Turborepo:
Turborepo can use a technique known as to share cache artifacts across machines, enabling you to share build caches with your team and CI/CD pipelines.
By default, Turborepo will cache locally. To enable Remote Caching you will need an account with Vercel. If you don't have an account you can , then enter the following commands:
This will authenticate the Turborepo CLI with your .