Project setup
A setup checklist beside a picture of the project it sets up. Every piece starts as a ghost; finish a step and its piece drops into place.
- Create a databasePostgres, in your region
- Deploy the APIFrom your main branch
- Connect a domainlumen.app, with HTTPS
- Invite your teamThree people, as admins
Things to try
- Tick a step. Its piece drops from where it hovered, as a ghost, into its place in the picture, and turns solid.
- Tick the ones it connects to. The line between two pieces appears as soon as both exist: the domain flows into the API, the API reaches the database.
- Untick a step. Its piece lifts back out of the picture and turns into a ghost again.
- Finish every step. The picture is the whole project.
Install
npx shadcn@latest add https://your-docs-site/r/project-setup.jsonDependencies
npm install @base-ui/react @hugeicons/core-free-icons @hugeicons/react @remold-ui/canvas @remold-ui/reactHow it works
- The picture is one Scene. Each piece is an
extrude()solid with an icon on its top, drawn in thesketchpalette as ink lines. - There's one layout for every set of finished steps, so the steps can be done in any order. Ticking one switches layouts, and the scene springs every piece to its place in the new one.
- A piece that isn't built yet is a
ghost: its fill fades and its outline stays, a little above where it'll land. Built, it drops into place on anarc. - Lines say which layouts they appear in, so each one only shows once both of its ends are built.
- Setup is pretend. Mark steps done from your own data, and describe your project's pieces in
STEPSandPLACES.
Product tour
A product tour where the spotlight springs from one control to the next, a line ties each tip to what it explains, and the tip grows out of the help button and folds back into it.
Revenue
The revenue card at the top of every SaaS dashboard: switch the range and the chart line reshapes instead of redrawing, while the MRR and the change badge roll to their new figures.