Build confidently witha clear starting point.
Learn how to install, customize and deploy Fidow themes without digging through the project trying to understand where everything lives.
$ unzip fidow-theme.zip
$ cd fidow-theme
$ npm install
$ npm run dev
✓ Ready on localhost:3000
Installation
After downloading your Fidow product, extract the project and install its dependencies.
npm install
npm run devOpen http://localhost:3000 in your browser. The exact Node.js and package requirements should also be listed in the documentation bundled with the product.
Project structure
Fidow themes are organized to keep pages, reusable sections and content easy to locate.
src/
├── app/
├── components/
│ ├── layout/
│ ├── home/
│ ├── shared/
│ └── ui/
├── data/
├── hooks/
├── lib/
└── services/
public/
└── images/Customization
Most visual and content changes should not require rebuilding the entire theme.
Replace text and data from the relevant components or data files.
Replace images inside the public directory.
Update navigation and footer links.
Modify CSS variables to change brand colors.
Remove sections you do not need.
Create new pages using the existing component system.
Light & dark mode
Products that include theme switching use CSS variables and theme-aware components.
:root {
--background: #f7f8f5;
--foreground: #101413;
--primary: #0f766e;
}
.dark {
--background: #090d0c;
--foreground: #f6f8f7;
--primary: #2cc9b9;
}Update the variables instead of manually changing colors across individual components.
Deployment
Before deployment, test the production build locally.
npm run build
npm startConfirm all routes work.
Replace placeholder content.
Update metadata and social images.
Check mobile responsiveness.
Verify external links.
Test both light and dark modes where included.
Need help?
Still stuck with your theme?
Contact Fidow and include the product name, the issue and any useful error information.