SharePoint Site Design - Auto Provision Custom SPFx solutions

This video explains about SharePoint site design & site scripts to deploy and install the custom SPFx webpart & app customizer.
Watch the full video to learn the steps for provisioning custom solution along with SharePoint site.

[mtechhelp]

connect-PnPOnline -Url <tenant url>



step 1 : Get-PnPApp
step 2: COpy ID of App
step 3: Update site script

$site_script = '
{
"$schema": "schema.json",
"actions": [
{
"verb": "installSolution",
"id":
},
{
"verb": "associateExtension",
"title": "FeedbackAppCustomizerApplicationCustomiz",
"location": "ClientSideExtension.ApplicationCustomizer",
"clientSideComponentId": "1f77ea70-27c1-4cf4-95a2-da9c39451436",
"scope": "Web"
}
],
"bindata": { },
"version": 1
}'


## Add script to SPOSiteScripts
Add-SPOSiteScript -Title "ApplyFeedbackCustomizer" -Content $site_script -Description "Applying custom Feedback for XIMIT"



## Add script to SPODesign
Add-SPOSiteDesign -Title "XIMIT App Customizer" -WebTemplate "64" -SiteScripts -Description "Applying custom solution for Feeback"