-
Notifications
You must be signed in to change notification settings - Fork 105
Closed
Description
Is your feature request related to a problem? Please describe.
It should be possible to use UI5 Web Components (for React) in static site generation frameworks like Next.js.
Steps
- create a
ssrbuild folder where all static web components imports are removed and the web components are loaded on the client viauseEffect- chore: add dedicated SSR build #4106
This is not a real server side rendering of the Web Components as we miss the ShadowDOM part here. The server will just send aui5-buttontag to the client where it get's hydrated to a web component. - Find a way how to deal with icon imports
- Breadcrumbs: theming stylesheet not properly injected in NextJS webcomponents#6666
- Mark packages as type module so that
transpileModulesdoesn't need to be configured - Make all used files of
@ui5/webcomponents-baseSSR ready (they should not throw an error on the server):-
Device- refactor(Device): use internal getters to support SSR webcomponents#6421 -
MediaRange -
EventProvider -
i18nBundle -
Theming -
config/Theme -
config/RTL- refactor(RTL config): assume RTL is false when no document is available webcomponents#6454 -
config/Language -
theming/ThemeLoaded -
locale/languageChange -
Boot-attachBootbreakings theming parameters injection in SSR environment webcomponents#6607 -
CustomElementsScope
-
- Check all custom components for SSR readiness:
- ActionSheet - chore: add dedicated SSR build #4106
- AnalyticalCard
- AnalyticalCardHeader
- AnalyticalTable - refactor(AnalyticalTable): support SSR #4259
- TablePlaceholder
- DynamicPage - refactor(Dynamic/ObjectPage): make components SSR ready #4134
- DynamicPageHeader
- DynamicPageTitle
- FilterBar - refactor(FilterBar): support SSR #4268
- FilterGroupItem - refactor(FilterBar): support SSR #4268
- FlexBox
- Form - refactor(Form): make Form SSR ready #4126
- FormGroup
- FormItem
- Grid
- Loader
- MessageBox - refactor(MessageBox): make MessageBox SSR ready #4116
- MessageView
- MessageItem
- MessageViewButton
- Modals
- NumericSideIndicator
- ObjectPage - refactor(Dynamic/ObjectPage): make components SSR ready #4134
- ObjectPageSection
- ObjectPageSubSection
- ObjectStatus
- OverflowToolbarButton
- OverflowToolbarToggleButton
- ResponsiveGridLayout
- SelectDialog - refactor(Toolbar): make Toolbar SSR ready #4117
- SplitterElement
- SplitterLayout - refactor(RTL config): assume RTL is false when no document is available webcomponents#6454
- Text
- ThemeProvider
- Toolbar - refactor(Toolbar): make Toolbar SSR ready #4117
- ToolbarSeparator
- ToolbarSpacer
- VariantManagement - refactor(VariantManagement): support SSR #4272
- VariantItem
ilhan007, C3ntraX, aydin-ozcan and joaopereirawd
Metadata
Metadata
Assignees
Labels
No labels
Type
Projects
Status
2023-Q3