Storefront

Quickstart

If you only want to develop on the storefront you can run a it locally connected to the staging engine by adding the following file as .env:

UNCHAINED_ENDPOINT=https://your-deployed-unchained-endpoint/graphql
SKIP_INVALID_REMOTES=true

Then run:

npm install
npm run dev

App Theming works like this:

The theme is read from the environment variable UNCHAINED_CREATE_THEME or provided as a path to UNCHAINED_CREATE_THEME_FILE. By default theme.json is loaded via UNCHAINED_CREATE_THEME_FILE=theme.json
The theme is defined as a json (see theme.json for a complete example)
From environment it is then provided to the whole next app on runtime by using next/config's publicRuntimeConfig feature. The page /api/theme generates CSS variable's out of the rootProperties object, the other properties are used throughout the app to translate certain content, configure logos and icons.

Name		Name	Last commit message	Last commit date
Latest commit History 130 Commits
.vscode		.vscode
i18n		i18n
lang		lang
modules		modules
pages		pages
public		public
styles		styles
.dockerignore		.dockerignore
.editorconfig		.editorconfig
.env.defaults		.env.defaults
.env.schema		.env.schema
.eslintrc		.eslintrc
.gitignore		.gitignore
.nvmrc		.nvmrc
Dockerfile		Dockerfile
README.md		README.md
custom-formatter.js		custom-formatter.js
file_env.js		file_env.js
license		license
next-env.d.ts		next-env.d.ts
next.config.js		next.config.js
node_env.js		node_env.js
package-lock.json		package-lock.json
package.json		package.json
possibleTypes.json		possibleTypes.json
possibleTypesGenerator.cjs		possibleTypesGenerator.cjs
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
theme.json		theme.json
tsconfig.json		tsconfig.json