In this article, I’ll describe you the steps required to set up Office tenant for SharePoint Framework (SPFx) client side development for SharePoint Online. Required steps are provided below:
Table of Contents
Suggested Topics
What is SharePoint Framework (SPFx)
Future prospects of SharePoint Framework (SPFx)
Required tools and libraries for SharePoint Framework (SPFx) development
Setup Microsoft 365 tenant for SharePoint Framework development
Setup SharePoint Framework client side web part development environment
Build SharePoint client side web part using SharePoint Framework (SPFx) – I
Build SharePoint client side web part using SharePoint Framework (SPFx) – II
Build SharePoint client side web part using SharePoint Framework (SPFx) – III
How to Debug SharePoint Framework Solutions in Visual Studio Code
What is the Developers Point of View on SharePoint Framework
What is Required Toolchain for SharePoint Framework
How to Integrate gulp tasks with SharePoint Framework Toolchain
How to Provision SharePoint assets with solution packages
How to Upgrade SharePoint Framework client side solutions in SharePoint Online
Steps
- Sign up for Office 365 tenant site.
- Create app Catalog site by launching SharePoint Admin site and click apps left item in left navigation.
Now click App Catalog on the page to create new App Catalog.
Select option Create a new app catalog site and click OK.
Fill up the required details as below like Title, Web Site address, Language, Time Zone, Administrator and click OK.
You will see below screen where a new site collection is being created.
- Create new developer site collection by selecting Private Site Collection option in Site Collection ribbon.
Provide requited details to create new site collection. However you can any select any site template as it is not mandatory and it will not provide any benefit of using Developer Site template for SharePoint Framework client side development. But, I am selecting Developer Site template.
You will see your new site collection is being created.
- SharePoint Workbench provides a testing page where we test client side web part without deploying it. This workbench page is already provided by SharePoint to test client side web part without deployment. Refer below screen shot to see, how does it look like?
What’s next?
You have configured SharePoint tenant. Now you have to set up your development environment. I will cover it my next article.
Hope you enjoyed reading it.
Please don't forget to Share, Follow and Like to get updated with latest posts.
It gives me motivation to share more knowledge with you.
About Author
Satyendra Mishra
Project Management Professional (PMP) and Microsoft certified, motivated, energetic and accomplished Project Manager / Architect with 15+ years of work experience in Management, Architecture, Analytics, Development and Maintenance. I have been fortunate to be a part of over 25+ .Net / SharePoint projects delivery with various companies across different industry sectors. This has provided me a valuable insight and experience especially in successful implementation of SharePoint based solutions.
My experience in Web application implementation includes technology strategy and road-map definition, business and technical requirements identification, governance, platform architecture, solution design, configuration, development, quality assurance, training, post-production support, team lead and overall project delivery along with project management.
Satyendra Mishra holds a B.Tech. in Computer Science & Engineering and PG Diploma in Advance Computing from Center for Development and Advance Computing, Pune, India. He is also a certified Project Management Professional (PMP).
I love to share Project Management Tips and Tricks by writing Blogs in the Project Management India Community. I have written around 300+ articles in the Project Management, .Net, SharePoint and related client side technologies.