Microsoft 365 Community / Introduction to Viva Connections Toolkit

How to use the Viva Connections Toolkit extension to debug your SharePoint Framework solutions directly in the Visual Studio Code.

This video is part of a series in a playlist around using the Viva Connections Toolkit to build Viva Connections extensibility: https://www.youtube.com/playlist?list=PLR9nK3mnD-OW1XNbtsHiFDG___W8wnfHp

➡️ Next video on this series - https://www.youtube.com/watch?v=OmFKAw0g61w&list=PLR9nK3mnD-OW1XNbtsHiFDG___W8wnfHp&index=6
⬅️ Previous video on this series - https://www.youtube.com/watch?v=jXQFgGlId00&list=PLR9nK3mnD-OW1XNbtsHiFDG___W8wnfHp&index=4

#Microsoft365 #MicrosoftViva #MicrosoftTeams #SPFx #SharePoint

In this video, you will learn about
- Getting started on using debugging features in the Viva Connections Toolkit
- Review launch.json configuration for debugging
- How debugging works in the Visual Studio Code
- Adding breakpoints and debugging the code

✨ Demo Presenter
• Hugo Bernier (Microsoft)

📃 Agenda
0:00 Introduction
0:19 Debugging your code in Viva Connections Toolkit
1:30 Review launch.json configuration
2:20 Starting debugging (F5)
3:40 Adding breakpoint to your code

📝 Learn more
• YouTube playlist for this video series - https://www.youtube.com/playlist?list=PLR9nK3mnD-OW1XNbtsHiFDG___W8wnfHp
• Viva Connections Toolkit at GitHub - https://aka.ms/viva/code -
• Viva Connections Toolkit at VS Code market place - https://marketplace.visualstudio.com/items?itemName=m365pnp.viva-connections-toolkit
• Overview on Viva Connections extensibility - https://aka.ms/viva/connections/extensibility
• Design guidance for Viva Connections extensibility - https://aka.ms/viva/ace/design
• Create Adaptive Card Extensions (ACE) for Microsoft Viva Connections - https://aka.ms/viva/ace/learn

💡 Learn more about the Microsoft 365 & Power Platform community
• Microsoft 365 Unified Sample gallery - https://aka.ms/community/samples
• Microsoft 365 & Power Platform Community in YouTube - https://aka.ms/community/videos
• Microsoft 365 & Power Platform - http://aka.ms/community/home

Sharing is caring! You are awesome! 🧡

In this video we focus on showing how you will package and deploy your Viva Connections solutions to production tenant. We use the Viva Connections Toolkit to simplify the packaging and then perform the manual steps to deploy our solution to the tenant app catalog to be used in the tenant specific Viva Connections deployment.

This video is part of a series in a playlist around using the Viva Connections Toolkit to build Viva Connections extensibility: https://www.youtube.com/playlist?list=PLR9nK3mnD-OW1XNbtsHiFDG___W8wnfHp

➡️ Next video on this series - https://www.youtube.com/watch?v=UlB3c6-8g_A&list=PLR9nK3mnD-OW1XNbtsHiFDG___W8wnfHp&index=8
⬅️ Previous video on this series - https://www.youtube.com/watch?v=OmFKAw0g61w&list=PLR9nK3mnD-OW1XNbtsHiFDG___W8wnfHp&index=6

#Microsoft365 #MicrosoftViva #MicrosoftTeams #SPFx #SharePoint

In this video, you will learn about
- Package and deploy your existing Viva Connection solutions to production
- Different settings and configuration options
- Using solution in production mode without running localhost

✨ Demo Presenter
• Vesa Juvonen (Microsoft)

📃 Agenda
0:00 Introduction
0:25 Configuration options for packaging
2:23 Packaging your solution for production usage
4:12 What does solution packages contain
5:15 Deploying solution to production tenant
6:02 Moving to admin center and app catalog
6:44 Deploying solution to the tenant
8:03 Using deployed solution in the Viva Connections dashboard

📝 Learn more
• YouTube playlist for this video series - https://www.youtube.com/playlist?list=PLR9nK3mnD-OW1XNbtsHiFDG___W8wnfHp
• Viva Connections Toolkit at GitHub - https://aka.ms/viva/code -
• Viva Connections Toolkit at VS Code market place - https://marketplace.visualstudio.com/items?itemName=m365pnp.viva-connections-toolkit
• Overview on Viva Connections extensibility - https://aka.ms/viva/connections/extensibility
• Design guidance for Viva Connections extensibility - https://aka.ms/viva/ace/design
• Create Adaptive Card Extensions (ACE) for Microsoft Viva Connections - https://aka.ms/viva/ace/learn

💡 Learn more about the Microsoft 365 & Power Platform community
• Microsoft 365 Unified Sample gallery - https://aka.ms/community/samples
• Microsoft 365 & Power Platform Community in YouTube - https://aka.ms/community/videos
• Microsoft 365 & Power Platform - http://aka.ms/community/home

Sharing is caring! You are awesome! 🧡

In this video we focus on the introduction around the Viva Connections Toolkit VS Code extensions which is available for developers to improve their productivity when creating new extensibility for Viva Home and Viva Connections.

This video is part of a series in a playlist around using the Viva Connections Toolkit to build Viva Connections extensibility: https://www.youtube.com/playlist?list=PLR9nK3mnD-OW1XNbtsHiFDG___W8wnfHp

➡️ Next video on this series - https://www.youtube.com/watch?v=Fs9r4dvSxU4&list=PLR9nK3mnD-OW1XNbtsHiFDG___W8wnfHp&index=2

#Microsoft365 #MicrosoftViva #MicrosoftTeams #SPFx #SharePoint

In this video, you will learn about
- Introduction
- Why SharePoint Framework (SPFx) is the easiest way to build extensibility for Microsoft 365
- Benefits on using SPFx for Microsoft 365
- Extensibility options in Microsoft Viva Connections
- Why Viva Connections Toolkit exists?
- Features and capabilities in the Viva Connections Toolkit
- What if you are already familiar with the SPFx?
- Additional resources

✨ Demo Presenter
• Vesa Juvonen (Microsoft)

📃 Agenda
0:00 Introduction
0:52 SharePoint Framework as the extensibility model for Viva Connections
04:18 SharePoint Framework experiences in Microsoft 365
05:37 Microsoft Viva Extensibility options for ACEs
07:22 Why Viva Connections Toolkit?
08:47 What's in the Viva Connections Toolkit?
10:40 Viva Connections Toolkit for existing SPFx developers
11:30 Capabilities and features in Viva Toolkit
12:33 How to get started
13:29 Outro

📝 Learn more
• YouTube playlist for this video series - https://www.youtube.com/playlist?list=PLR9nK3mnD-OW1XNbtsHiFDG___W8wnfHp
• Viva Connections Toolkit at GitHub - https://aka.ms/viva/code -
• Viva Connections Toolkit at VS Code market place - https://marketplace.visualstudio.com/items?itemName=m365pnp.viva-connections-toolkit
• Overview on Viva Connections extensibility - https://aka.ms/viva/connections/extensibility
• Design guidance for Viva Connections extensibility - https://aka.ms/viva/ace/design
• Create Adaptive Card Extensions (ACE) for Microsoft Viva Connections - https://aka.ms/viva/ace/learn

💡 Learn more about the Microsoft 365 & Power Platform community
• Microsoft 365 Unified Sample gallery - https://aka.ms/community/samples
• Microsoft 365 & Power Platform Community in YouTube - https://aka.ms/community/videos
• Microsoft 365 & Power Platform - http://aka.ms/community/home

Sharing is caring! You are awesome! 🧡