Create client side web part.
  • Md DeploywebparttoSP
  • Cd DeploywebparttoSP
  • Yo @microsoft/sharepoint


Run the code to open Visual Studio code.



Navigate to the write-manifests.json file in config folder to update the CDN path with SharePoint Library path.


Run "gulp bundle –ship" command to bundle the files.


Files generated will be available in temp\deploy. Upload them to SharePoint library.

Run "gulp-package gulp package-solution" to generate the app file. These files will be available in SharePoint\solution folder.



Upload the sppkg file to the pap catalog. It will prompt for trusting the solution and provide an option to deploy. Click "Deploy".





Go to SharePoint site -> Add an app-> click on the app and install it.


Edit a SharePoint page. Now, you should be able to see the client side webpart created



After adding the web part successfully, the below screen will be displayed.