Skip to content

Commit 3666468

Browse files
authored
docs(templates): update links (#5466)
1 parent 78b6a20 commit 3666468

File tree

3 files changed

+7
-7
lines changed

3 files changed

+7
-7
lines changed

README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -89,9 +89,9 @@ In about an hour you will create a business dashboard from scratch and get famil
8989
[Here](https://www.youtube.com/watch?v=zyOxgjoSnGw) you can find the video of our session for the SAP Devtoberfest 2023 (aired Sep 29, 2023). There we briefly explain why UI5 Web Components for React exist at all, where the project fits into the SAP UI stack and what advantages our wrapper has over implementations that use pure ui5-webcomponents.
9090
For the main part, we show how you could create a simple Movie Database UI, first by using our `Vite` template and then with our `Next.js` template.
9191

92-
### Create a new React app using our Templates
92+
### Examples & Templates
9393

94-
You can find a curated list of project templates on our [Project Templates page](https://sap.github.io/ui5-webcomponents-react/main/?path=/docs/project-templates--docs).
94+
You can find a curated list of project templates and examples on our [Project Templates & Examples page](https://sap.github.io/ui5-webcomponents-react/main/?path=/docs/project-templates-examples--docs).
9595

9696
### Add `@ui5/webcomponents-react` to an existing app
9797

docs/Welcome.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,9 +38,9 @@ Then take a look at our [Tutorial Mission](https://developers.sap.com/mission.re
3838
There you get a first glimpse at how easy it is to create an Application with UI5 Web Components for React.<br />
3939
In about an hour you will create a business dashboard from scratch and get familiar with some React basics in case you don't know them already.
4040

41-
### Templates
41+
### Examples & Templates
4242

43-
You can find a curated list of project templates on our [Project Templates page](?path=/docs/project-templates--docs).
43+
You can find a curated list of project templates and examples on our [Project Templates & Examples page](https://sap.github.io/ui5-webcomponents-react/main/?path=/docs/project-templates-examples--docs).
4444

4545
### Add `@ui5/webcomponents-react` to an existing app
4646

docs/knowledge-base/ServerSideRendering.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ We're happy to announce that starting from **v1.17.0**, UI5 Web Components for R
1919

2020
### Create a new project
2121

22-
The best way to start using UI5 Web Components in Next.js is using one of our [templates](https://sap.github.io/ui5-webcomponents-react/?path=/docs/project-templates--docs).
22+
The best way to start using UI5 Web Components in Next.js is using one of our [templates](https://sap.github.io/ui5-webcomponents-react/main/?path=/docs/project-templates-examples--docs#templates).
2323
We have templates available for both the pages and the app router.
2424

2525
### Add to existing project
@@ -29,13 +29,13 @@ In case you already have an existing Next.js project and want to add UI5 Web Com
2929
As UI5 Web Components for React is using `react-jss` internally, you need to apply some changes to your `_app` and `_document` file (in case you are using the pages router).
3030
You can copy these changes either from the official [next.js-react-jss example](https://github.com/vercel/next.js/tree/canary/examples/with-react-jss) or from our [pages router template](https://github.com/SAP/ui5-webcomponents-react/tree/main/examples/nextjs-pages).
3131

32-
In case you are already using the app router, you can copy the `react-jss` setup from the `app/CssRegistry.tsx` in our [app router template](https://github.com/SAP/ui5-webcomponents-react/tree/main/examples/nextjs-app). Make sure to add this component to your root layout!
32+
In case you are already using the app router, you can copy the `react-jss` setup from the `app/CssRegistry.tsx` in our [app router template](https://github.com/SAP/ui5-webcomponents-react/tree/main/examples/nextjs-app). Make sure to add this component to your root layout!
3333

3434
### Common Pitfalls
3535

3636
#### Icon and Feature Imports in Server Components
3737

38-
Some UI5 Web Component features rely on the registration of a component during runtime on the client.
38+
Some UI5 Web Component features rely on the registration of a component during runtime on the client.
3939
The most common of these are icon imports (e.g. `import '@ui5/webcomponents-icons/dist/add.js';`), feature imports (e.g. `import '@ui5/webcomponents/dist/features/FormSupport.js';` and asset imports (e.g. `import '@ui5/webcomponents-react/dist/Assets.js';`).
4040

4141
In order to fulfill their purpose in your application, you must ensure that these imports are only used in client components (the file or a parent component must contain the `'use client';` directive).

0 commit comments

Comments
 (0)