Workspace / FAQ

NAVRENZA / WORKSPACE

How can we help?

Practical answers for getting started, making changes and connecting your data.

THE TEMPLATE HANDBOOK

A good starting point.

Find an answer, then get back to building.

All topics

12 answers found

How do I run the template locally?
Getting started

Install a supported Node.js version (24.14 or newer), run npm ci from the extracted project folder, then npm run dev. Open the address printed in the terminal.

Which page should I start with?
Getting started

Explore the workspace overview, then the component library. The starter-kit folder provides a smaller starting point when you do not need every demonstration.

How do I build a production preview?
Getting started

Run npm run build to create the dist folder. Run npm run preview to inspect that build locally before deploying it.

How do I change the appearance?
Customization

Open Settings to choose from ten palettes, including Emerald, Ocean, Indigo and Amber. Customize the header style, sticky header, dark mode and right-to-left layout; preferences are saved on this device.

Where do I add a new page?
Customization

Create a component in src/pages, register its lazy route in src/app/App.tsx, and add a navigation entry in src/app/navigation.ts.

Where are the photographs stored?
Customization

Local photographs are in src/assets/photos. Shared image mappings live in src/data. Source mappings and the current license status are documented in docs/IMAGE-ASSETS.md.

Is a backend included?
Data & integration

This is a frontend template. Demo state and sample records illustrate the interface. Connect your own API for real accounts, payments, email and durable storage.

Do forms send information anywhere?
Data & integration

Form-library submissions and file queues are local demonstrations. They validate inputs and show feedback without sending information to a server.

Will my demo changes survive a reload?
Data & integration

Some workspace demonstrations use browser storage. Others, including issue creation and profile notes, last only for the current page session. Each flow should explain its behavior.

Does the template require jQuery?
Components

No. Interactions use React state and browser APIs. Bootstrap supplies CSS; enhanced controls use React components.

Where can I explore advanced forms?
Components

The Forms library includes selections, pickers, masks, validation, a wizard, editors, uploads and responsive layouts. Open the overview to find an example.

Are original plugin demos preserved?
Components

Legacy addresses are mapped to React demonstrations. They are not necessarily identical implementations of the old plugins. See the migration documentation for the implemented scope.