You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -89,9 +89,9 @@ In about an hour you will create a business dashboard from scratch and get famil
89
89
[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.
90
90
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.
91
91
92
-
### Create a new React app using our Templates
92
+
### Examples & Templates
93
93
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).
95
95
96
96
### Add `@ui5/webcomponents-react` to an existing app
Copy file name to clipboardExpand all lines: docs/Welcome.mdx
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -38,9 +38,9 @@ Then take a look at our [Tutorial Mission](https://developers.sap.com/mission.re
38
38
There you get a first glimpse at how easy it is to create an Application with UI5 Web Components for React.<br />
39
39
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.
40
40
41
-
### Templates
41
+
### Examples & Templates
42
42
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).
44
44
45
45
### Add `@ui5/webcomponents-react` to an existing app
Copy file name to clipboardExpand all lines: docs/knowledge-base/ServerSideRendering.mdx
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -19,7 +19,7 @@ We're happy to announce that starting from **v1.17.0**, UI5 Web Components for R
19
19
20
20
### Create a new project
21
21
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).
23
23
We have templates available for both the pages and the app router.
24
24
25
25
### 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
29
29
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).
30
30
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).
31
31
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!
33
33
34
34
### Common Pitfalls
35
35
36
36
#### Icon and Feature Imports in Server Components
37
37
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.
39
39
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';`).
40
40
41
41
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