LWC File Preview for Experience Cloud Community sites

A simple file preview using Lightning Web Component (LWC) with download capability. This LWC component currently only targeted Experience Cloud Community sites.

Why I need this?

As you might know LWC standard file preview using NavigationMixin is not covers Lightning Components for Visualforce, Lightning Out, or Experience Cloud sites. This sample is a workaround to preview Salesforce files on Experience Cloud.

How to use

• Clone this repo
• Deploy the codes to your Salesforce org
• Go to experience builder of your community site
• Drag n drop "LWC File Preview" from component menu

SFDX Docs

• Salesforce Extensions Documentation
• Salesforce CLI Setup Guide
• Salesforce DX Developer Guide
• Salesforce CLI Command Reference