11 / NAVRENZA GUIDE
Assets and dependencies
Replace images and icons without breaking shared identity or theme styling.
Image sources
React images live under src/assets. current-user.ts defines the demo identity; people-images.ts maps people to photos. Replace all references to a shared image and keep appropriate alt text and dimensions.
tsx
import image from '../assets/your-image.jpg';
<img src={image} alt="Team working together" />The example filename is a placeholder. Add the actual asset first.
Icons
tsx
import { Search } from 'lucide-react';
<button aria-label="Search records">
<Search size={18} aria-hidden="true" />
</button>Give icon-only buttons an accessible name.
Pinned React libraries
| Dependency | Version |
|---|---|
| @tiptap/pm | 3.31.3 |
| @tiptap/react | 3.31.3 |
| @tiptap/starter-kit | 3.31.3 |
| @vis.gl/react-google-maps | 1.10.0 |
| bootstrap | 5.3.8 |
| lucide-react | 1.47.0 |
| react | 19.3.0 |
| react-dom | 19.3.0 |
| react-easy-crop | 6.2.3 |
| react-router-dom | 7.18.4 |
| recharts | 3.10.1 |
Rights and upgrades
Read docs/IMAGE-ASSETS.md, LOGO-ASSET.md and third-party notices. Renaming the template does not change original source/photo redistribution terms. Confirm the rights for assets you publish. Upgrade dependencies intentionally, update the lockfile and rerun checks.