Use Base Lightning Web Components with LWR on Node.js
Include the Salesforce Lightning Design System ("SLDS") with your app before setting up your app for base Lightning web components.
Before you begin, make sure you have already set up SLDS with your app.
To use base Lightning web components in an LWR application:
- Create a dependency on
lightning-base-componentsby adding it to a
- Make the
lightning-base-componentsnpm package available to your LWR app in
If you’re creating your own layout template, include the
lwr_resourcescontext object property. (If you’re not creating your own layout template, LWR creates a default template for you that already includes
Start using base Lightning web components!
Run the following terminal commands from the root of your project: