Exercise - Create and configure your SharePoint Online developer tenant

Completed

In this exercise, you'll configure your SharePoint environment to be ready for SharePoint Framework development.

Open a browser and navigate to your Microsoft 365 tenant's SharePoint admin center site: https://{{REPLACE_WITH_YOUR_TENANTID}}-admin.sharepoint.com/_layouts/15/online/AdminHome.aspx.

Replace the text {{REPLACE_WITH_YOUR_TENANTID}} in the above URL with the unique prefix for your Microsoft 365 tenant. For example, if the domain for your SharePoint sites is contoso.sharepoint.com, then the unique prefix for your Microsoft 365 tenant is contoso.

Create the SharePoint tenant app catalog site

Select More features in the left-hand navigation.

Select the Open button under Apps.

If you're taken to an app catalog site as shown in the following image, then your tenant already has a SharePoint tenant app catalog site.

Otherwise the SharePoint tenant app catalog site will automatically be provisioned for you.

Create a development site collection

Open a browser and navigate to your Microsoft 365 tenant's SharePoint admin center site: https://{{REPLACE_WITH_YOUR_TENANTID}}-admin.sharepoint.com/_layouts/15/online/AdminHome.aspx.

Replace the text {{REPLACE_WITH_YOUR_TENANTID}} in the above URL with the unique prefix for your Microsoft 365 tenant.

1. On the SharePoint admin center site, select Sites > Active sites from the left-hand navigation and then select Create.

   

2. On the Create a site panel, select the Team site button.

   

3. On the Select a template panel, select the Standard team template From Microsoft.

   

4. On the preview and use 'Standard team' template panel, select Use template.

   

5. On the Give your site a name panel, enter the following values to create a new team site collection and select Next.

   • Site name: Developer Site
   • Group owner: use the people picker to select your account

   

6. On the Set language and other options panel, you can optionally change the time zone. Select Create site.

   

7. On the Add site owners and members panel, you can optionally add owners and members to the site. Select Finish.

   

   Note

   After a minute or two the site collection will be created. On the SharePoint admin center site, select the Sites > Active Sites item in the left-hand navigation. You'll see a list of all classic and modern sites including the Developer site that you just created.

   

Summary

In this exercise, you configured your SharePoint environment to be ready for SharePoint Framework development.

Test your knowledge

1.

Where can SharePoint Framework client-side web parts be used?

Modern pages in SharePoint Online and SharePoint Server 2019

Classic pages in SharePoint Online, SharePoint Server 2019, and SharePoint Server 2016.

Publishing pages in SharePoint Online, SharePoint Server 2019, and SharePoint Server 2016.

All the above

2.

To deploy and test SharePoint Framework components, what must you first do in your SharePoint tenant?

Create an app catalog site from the SharePoint Online admin center (or Central Administration site if on-premises).

Enable the "Allow custom SharePoint Framework solutions" in the site collection where you want to test them.

Create an app catalog site from the SharePoint Online admin center (or Central Administration site if on-premises) and enable the "Allow custom SharePoint Framework solutions" in the site collection where you want to test them.

You must answer all questions before checking your work.