Embed Teams posts on SharePoint homepage

Janina Klopfer 0 Reputation points
2025-01-29T11:22:43.6766667+00:00

Hello,

we would like to implement a Webpart for our teams channel conversation on the Sharepoint Homepage of that team. So basically, that when visiting the Sharepoint homepage the members can see the posts in the teams channel and also make posts into that channel from the Sharepoint homepage and react to them like in teams.

I have read that building custom WebParts is possible with SPFx, but my knowledge in programming is very limited and we don´t have an IT-specialist in-house.

Is there a way to get a custom script for that or guidance on how to implement it?
Any help is very much appreciated.

Thank you.

SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
3,241 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. Emily Du-MSFT 49,461 Reputation points Microsoft Vendor
    2025-01-30T08:31:47.44+00:00

    Here are steps to develop a SPFX web part in the SharePoint online:

    1.Download and install Node.js.

    2.Download and install Visual Studio Code.

    3.Run PowerShell: npm install gulp-cli yo @microsoft/generator-sharepoint --global

    4.Trust the self-signed developer certificate, run PowerShell: gulp trust-dev-cert

    1

    5.Run PowerShell to create a new solution: yo @microsoft/sharepoint

    2

    6.In the new solution, compile codes to meet your requirement.

    7.Run PowerShell to package the web part: gulp package-solution –ship

    8.Upload the web part package into App catalog.

    9.Add the web part into the page.

    Reference:

    https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part


    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.


Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.