Setup your Microsoft 365 tenant to set up your SharePoint Framework development environment

Create app catalog site

Go to the SharePoint Admin Center, In the left sidebar, select More features, locate the section Apps and select Open.

This is start the automatic creation of the SharePoint app catalog to the tenant if it does not exist. If the app catalog already exists, you will be redirect to it. SharePoint app catalog is used to manage and deploy SharePoint Framework solutions.

 

Create a new site collection

Create a Microsoft 365 group Team site.

SharePoint Workbench

SharePoint Workbench is a developer design surface that enables you to quickly preview and test web parts without deploying them in SharePoint. SharePoint Framework developer toolchain contains a version of the Workbench that works locally and helps you quickly test and validate solutions that you're building.

It's also hosted in your tenant to preview and test your local web parts in development. You can access the Hosted SharePoint Workbench from any SharePoint site in your tenancy by browsing to the following URL: https://liakathcloudeducation.sharepoint.com/sites/LiakathDev/_layouts/15/workbench.aspx 

Once you setup your M365 tenant proceed to setup your SPFx dev environment