Prerequisites
Before uploading, ensure the following:- You have SharePoint Administrator or Site Collection Administrator privileges.
- The .sppkg file has been generated (e.g., via
gulp bundle --shipandgulp package-solution --ship). - The App Catalog is already created:
- Tenant App Catalog: Managed centrally across all sites.
- Site Collection App Catalog: Scoped to one site collection.
Access the app catalog
Tenant App Catalog- Go to:
https://<your-tenant-name>.sharepoint.com/sites/appcatalog - If this site doesn’t exist:
- In the SharePoint Admin Center, navigate to
More features -> Apps -> Open. - Click App Catalog and follow the prompts to create one.
- In the SharePoint Admin Center, navigate to
- Go to your specific site collection.
- Append /_layouts/15/appcatalog.aspx to the URL, e.g.:
https://<your-site>.sharepoint.com/sites/<yoursite>/_layouts/15/appcatalog.aspx
Upload the .sppkg file
- In the App Catalog site, select Apps for SharePoint.
- Click Upload.
- Browse and select your .sppkg file (usually from
sharepoint/solutionin your SPFx project). - Click OK.
Trust the app
When prompted:- Review the app details.
- Check the box for “Make this solution available to all sites in the organization” if you want it to be globally available (tenant catalog only).
- Click Deploy.
Verify deployment
After deployment:- The app should appear in the Apps for SharePoint list.
- Check the Deployed column -> it should show Yes.
- Optionally, check the App Catalog -> Apps for SharePoint for version info.
Add the app to a site
If not globally deployed:- Go to your site.
- Click the Settings (⚙) -> Add an app.
- Select your uploaded app.
- Wait until installation completes.
- Your SPFx web parts/extensions will now be available in the site.

