-
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
ssr
build 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-button
tag 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
transpileModules
doesn't need to be configured - Make all used files of
@ui5/webcomponents-base
SSR 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
-attachBoot
breakings 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