Install Self-Service Portal

This document describes how to install Self-Service Portal (SSP).

Prerequisites

Set up the configuration

config/Shared/config_default.php

use Spryker\Shared\Kernel\KernelConstants;

$config[KernelConstants::CORE_NAMESPACES] = [
    ...,
    'SprykerFeature',
];

Install feature frontend

The entire project is now an npm workspace, meaning each submodule declares its dependencies. During the installation stage, npm installs all of those dependencies and stores them into the root of the project.

Prerequisites

• Node.js 18 or higher
• npm 9 or higher

Install dependencies and build Yves and Zed applications

1. In package.json, add spryker-feature to the workspaces section:

{
    "workspaces": [
      "vendor/spryker-feature/*",
      "vendor/spryker-feature/*/assets/Zed"
    ],
    "devDependencies": {
        "@spryker/oryx-for-zed": "~3.4.5",
    }
}

2. Adjust frontend/settings.js to resolve typescript files in the vendor/spryker-features directory:

const globalSettings = {
    paths: {

        features: './vendor/spryker-feature',
    }
}

const getAppSettingsByTheme = (namespaceConfig, theme, pathToConfig) => {
    const paths = {

        features: globalSettings.paths.features,
    };

    return {
        find: {
            componentEntryPoints: {
                dirs: [
                    join(globalSettings.context, paths.features),
                ],
            },
            componentStyles: {
                dirs: [join(globalSettings.context, paths.features)],
            },
        },
    };
}

3. Build the project:

vendor/bin/console frontend:project:install-dependencies
vendor/bin/console frontend:yves:build
vendor/bin/console frontend:zed:build

Install the features

Integrate the following related features: