Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adjusted Oryx boilerplate guide according to latest changes #2358

Merged
merged 1 commit into from
Nov 30, 2023
Merged

Adjusted Oryx boilerplate guide according to latest changes #2358

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 10 additions & 8 deletions ...cos/dev/front-end-development/202212.0/oryx/getting-started/oryx-boilerplate.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,8 +48,9 @@ The boilerplate contains the following files, with the server side rendering (SS

```
oryx-app/
├── app.ts
├── index.html
├── src
│ ├──app.ts
│ └──index.html
├── package.json
├── server/ (optional)
│ ├──render.ts
Expand All @@ -70,7 +71,8 @@ The bare minimum `package.json` includes the following dependencies:
{
...
"dependencies": {
"@spryker-oryx/oryx-presets": "^1.0.0"
"@spryker-oryx/presets": "^1.0.0",
"@spryker-oryx/themes": "^1.0.0"
},
"devDependencies": {
"vite": "^4.0.0"
Expand Down Expand Up @@ -103,8 +105,8 @@ While `index.html` can have a few more details, the following is the required ba
<html>
<body>
<root-app></root-app>
<script type="module" src="/app.ts"></script>
</body>
<script type="module" src="/docs/scos/dev/front-end-development/{{page.version}}/oryx/building-applications/oryx-application-orchestration/oryx-application.ts"></script>
</html>
```

Expand All @@ -115,12 +117,12 @@ Oryx can be installed and used next to other applications' code. You could there
`app.ts` contains the bootstrap code of the application. The application can be bootstrapped with `appBuilder`, a function that configures the application. While the configuration of `appBuilder` can be fine-tuned to small details, the following is the bare minimum setup:

```ts
import { appBuilder } from "@spryker-oryx/core";
import { b2cFeatures } from "@spryker-oryx/oryx-presets";
import { storefrontTheme } from "@spryker-oryx/themes";
import { appBuilder } from '@spryker-oryx/application';
import { storefrontFeatures } from '@spryker-oryx/presets/storefront';
import { storefrontTheme } from '@spryker-oryx/themes';

export const app = appBuilder()
.withFeature(b2cFeatures)
.withFeature(storefrontFeatures)
.withTheme(storefrontTheme)
.withEnvironment(import.meta.env)
.create();
Expand Down
18 changes: 10 additions & 8 deletions ...cos/dev/front-end-development/202307.0/oryx/getting-started/oryx-boilerplate.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,9 @@ The boilerplate contains the following files, with the server side rendering (SS

```
oryx-app/
├── app.ts
├── index.html
├── src
│ ├──app.ts
│ └──index.html
├── package.json
├── server/ (optional)
│ ├──render.ts
Expand All @@ -71,7 +72,8 @@ The bare minimum `package.json` includes the following dependencies:
{
...
"dependencies": {
"@spryker-oryx/oryx-presets": "^1.0.0"
"@spryker-oryx/presets": "^1.0.0",
"@spryker-oryx/themes": "^1.0.0"
},
"devDependencies": {
"vite": "^4.0.0"
Expand Down Expand Up @@ -104,8 +106,8 @@ While `index.html` can have a few more details, the following is the required ba
<html>
<body>
<root-app></root-app>
<script type="module" src="/app.ts"></script>
</body>
<script type="module" src="/docs/scos/dev/front-end-development/{{page.version}}/oryx/building-applications/oryx-application-orchestration/oryx-application.ts"></script>
</html>
```

Expand All @@ -116,12 +118,12 @@ Oryx can be installed and used next to other applications' code. You could there
`app.ts` contains the bootstrap code of the application. The application can be bootstrapped with `appBuilder`, a function that configures the application. While the configuration of `appBuilder` can be fine-tuned to small details, the following is the bare minimum setup:

```ts
import { appBuilder } from "@spryker-oryx/core";
import { b2cFeatures } from "@spryker-oryx/oryx-presets";
import { storefrontTheme } from "@spryker-oryx/themes";
import { appBuilder } from '@spryker-oryx/application';
import { storefrontFeatures } from '@spryker-oryx/presets/storefront';
import { storefrontTheme } from '@spryker-oryx/themes';

export const app = appBuilder()
.withFeature(b2cFeatures)
.withFeature(storefrontFeatures)
.withTheme(storefrontTheme)
.withEnvironment(import.meta.env)
.create();
Expand Down
18 changes: 10 additions & 8 deletions ...cos/dev/front-end-development/202311.0/oryx/getting-started/oryx-boilerplate.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,9 @@ The boilerplate contains the following files, with the server side rendering (SS

```
oryx-app/
├── app.ts
├── index.html
├── src
│ ├──app.ts
│ └──index.html
├── package.json
├── server/ (optional)
│ ├──render.ts
Expand All @@ -71,7 +72,8 @@ The bare minimum `package.json` includes the following dependencies:
{
...
"dependencies": {
"@spryker-oryx/oryx-presets": "^1.0.0"
"@spryker-oryx/presets": "^1.0.0",
"@spryker-oryx/themes": "^1.0.0"
},
"devDependencies": {
"vite": "^4.0.0"
Expand Down Expand Up @@ -104,8 +106,8 @@ While `index.html` can have a few more details, the following is the required ba
<html>
<body>
<root-app></root-app>
<script type="module" src="/app.ts"></script>
</body>
<script type="module" src="/docs/scos/dev/front-end-development/{{page.version}}/oryx/building-applications/oryx-application-orchestration/oryx-application.ts"></script>
</html>
```

Expand All @@ -116,12 +118,12 @@ Oryx can be installed and used next to other applications' code. You could there
`app.ts` contains the bootstrap code of the application. The application can be bootstrapped with `appBuilder`, a function that configures the application. While the configuration of `appBuilder` can be fine-tuned to small details, the following is the bare minimum setup:

```ts
import { appBuilder } from "@spryker-oryx/core";
import { b2cFeatures } from "@spryker-oryx/oryx-presets";
import { storefrontTheme } from "@spryker-oryx/themes";
import { appBuilder } from '@spryker-oryx/application';
import { storefrontFeatures } from '@spryker-oryx/presets/storefront';
import { storefrontTheme } from '@spryker-oryx/themes';

export const app = appBuilder()
.withFeature(b2cFeatures)
.withFeature(storefrontFeatures)
.withTheme(storefrontTheme)
.withEnvironment(import.meta.env)
.create();
Expand Down
Loading