Skip to content

Single-page app (SPA)

You can export sites as single-page applications (SPA) for their further deployment to hosting platforms.

Build structure

The exported site as a single-page application (SPA) has the following build structure:

.
├── common/
│   ├── blocks-library/
│   │   ├── block-content-1-theme1/
│   │   ├── block-content-1-theme1-empty/
│   │   ├── block-content-1-theme2/
│   │   └── block-content-1-theme2-empty/
│   └── media/
│       ├── fonts/
│       └── images/
├── node_modules/
│   ├── @site/
│   │   ├── component1/
│   │   └── component2/
│   └── ewizardjs/
├── styles/
│   └── *.css
├── themes/
│   ├── theme1/
│   └── theme2/
├── eb9ad1050ad433e3a924.js
├── eb9ad1050ad433e3a924.js.LICENSE.txt
├── index.html
├── info.json
├── manifest.json
└── settings.json

Location | Description

LocationDescription
common/Shared resources directory containing assets used across the entire site.
common/blocks-library/Reusable content blocks organized by theme variants.
common/media/Common media assets directory.
common/media/fonts/Font files used throughout the site.
common/media/images/Shared images used across multiple pages or components.
node_modules/Dependencies directory containing eWizard.js framework and site components.
node_modules/@site/Site-specific components (wiz-accordion, wiz-button, wiz-form, wiz-image, wiz-video, etc.) that provide UI functionality.
node_modules/ewizardjs/Core eWizard.js framework files and components.
styles/Compiled CSS stylesheets directory.
styles/80135f53da2b3fddd86c.cssMain bundled CSS file containing all styles for the application.
themes/Theme-specific assets and configurations.
themes/theme1/ / themes/theme2/Different theme variants containing theme-specific media assets (images, logos, placeholders, block icons).
eb9ad1050ad433e3a924.jsMain bundled JavaScript file containing all application logic and components.
eb9ad1050ad433e3a924.js.LICENSE.txtLicense information for third-party libraries included in the JavaScript bundle.
index.htmlMain HTML entry point for the SPA. Contains the entire application markup with inline styles and references to bundled JavaScript and CSS files.
info.jsonBasic project metadata including site name, ID, version, orientation, and identifier.
manifest.jsonApplication manifest file listing all media assets (images, fonts), scripts, and styles used in the SPA. Provides a complete inventory of resources.
settings.jsonSite configuration file containing localization settings, navigation router mode, SEO settings, theme configuration, target devices, and framework version information.