NNexusDocumentation
Live demo
GuideStart Here

Dependencies & Scripts

Understand the runtime packages and every supported project command before changing the toolchain.

7 min readStart HereUpdated for Nexus 0.1
On this page 5

What you will learn

  • Choose the correct command.
  • Understand what the build generates.
  • Avoid unsupported dependency drift.

Runtime stack

Next.js and React provide the application runtime. Flatpickr supports date inputs, Perfect Scrollbar supports sidebar behavior, and Tiptap packages power the editor examples.

text
next
react
react-dom
flatpickr
perfect-scrollbar
@tiptap/*

Daily commands

Use these commands for normal development and validation.

bash
pnpm dev             # build UI CSS and start development
pnpm typecheck       # TypeScript only
pnpm test            # contract tests
pnpm test:e2e        # browser and visual regression tests
pnpm test:e2e:update # deliberately refresh visual baselines
pnpm ui:audit        # CSS and class contracts
pnpm check           # complete validation and production build
pnpm start           # run an existing production build

Release commands

UI publishing and customer packaging are separate operations.

bash
pnpm ui:build          # generate the local CSS asset
pnpm ui:release        # authorized maintainers: publish immutable CDN CSS
pnpm release:template  # validate and create the customer ZIP

Adding a dependency

Use pnpm so package.json and pnpm-lock.yaml remain synchronized. Review bundle cost and browser/server compatibility before accepting a new runtime package.

bash
pnpm add package-name
pnpm add -D development-package
pnpm check

Continue learning