The Nevuto Theme System empowers developers and designers to create fully customizable, high-performance storefronts that define the look and feel of every online store built on the Nevuto platform.
Designed with flexibility and scalability in mind, themes are modular, API-driven, and easy to integrate into Nevuto’s ecosystem.
Theme Structure
Each Nevuto theme follows a structured layout that promotes maintainability and customization:
config.json– Defines theme metadata such as name, version, author, and asset paths.views/– Contains all template files, typically written in Twig, ensuring clean separation between presentation and logic.assets/– Stores static files like CSS, JS, and images.colors.json,fonts.json,header.json,home.json– JSON configuration files that define customizable UI components, allowing merchants to adjust their store’s design without modifying code.ThemeHelper&ThemeConfigExtension– Core classes that provide utility methods for theme management, dynamic rendering, and configuration handling.
This organized structure ensures that every theme is both developer-friendly and adaptable to business needs.
Customization & Flexibility
Nevuto’s theming system is built to empower both developers and merchants:
- Modular Design: Each component of a theme can be independently configured, replaced, or extended.
- JSON-Driven Customization: Non-technical users can personalize their stores by modifying JSON configurations directly from the admin panel.
- Twig Templating Engine: Enables powerful template inheritance, cleaner syntax, and dynamic rendering for eCommerce-specific features like product listings and cart summaries.
- Asset Optimization: Built-in caching, minification, and CDN delivery ensure that storefronts load quickly across all devices.
The result is a theming system that is fast, secure, and flexible, making it possible to deliver a unique brand experience for every store.
Developer Experience
For developers, the Nevuto Theme Framework provides:
- Version Control Ready: Themes can be versioned and managed via Git for collaborative development.
- Local & Remote Development: Work locally using the Nevuto CLI or API endpoints, then deploy updates seamlessly.
- Reusable Components: Common UI parts like navigation, product cards, and banners can be reused across multiple stores or themes.
- API Integration: Dynamic data such as product information, categories, and promotions are fetched directly from the Nevuto Core API, keeping content always up-to-date.
Performance & Security
All themes are optimized for performance and follow strict security standards.
The platform automatically sanitizes inputs, enforces safe templating practices, and ensures compatibility with Nevuto’s front-end caching and CDN network.
Get Started
Developers can start creating their first theme by exploring the theme documentation and reviewing sample themes provided by the Nevuto team.
Each example demonstrates how to structure layouts, define configuration files, and integrate APIs to deliver a seamless shopping experience.