SlideShare utilise les cookies pour améliorer les fonctionnalités et les performances, et également pour vous montrer des publicités pertinentes. Si vous continuez à naviguer sur ce site, vous acceptez l’utilisation de cookies. Consultez nos Conditions d’utilisation et notre Politique de confidentialité.
SlideShare utilise les cookies pour améliorer les fonctionnalités et les performances, et également pour vous montrer des publicités pertinentes. Si vous continuez à naviguer sur ce site, vous acceptez l’utilisation de cookies. Consultez notre Politique de confidentialité et nos Conditions d’utilisation pour en savoir plus.
How to build a Project Hub with Hubsites and Sitedesign and Sitescripts
We all build different project sites during the years, and also used the content by query web part to lift up the different projects we was part of, but how can we achieve the same in Modern SharePoint.
In this session we will:
Use Hub sites as the home of our Projects,
Create a Project template with Site Design and Site Scripts,
Enable a flow to add some more magic.
Look at different web parts both from Microsoft and from the community to help us lift up our Project Sites.
Ensure it is is all security trimmed so that we don’t see more then we have access to see.
And we will also make sure that our Projects are teamified so that we also can access them from Microsoft Teams, and with prepopulated content, so our Project Managers can start to work immediately So lets build the new Project Hub together.
√ Founder of DocsNode (your template solution
√ SharePoint Specialist
√ Partner Manager Valo Intranet
√ 5 times Microsoft MVP
•Helps you with your OfficeTemplates
•Keeps the corporate brand on all the templates
•Templates stored in one place, easy to update
•Filter, sort, tag and favorites your templates
•Integrates with Document libraries
•Office-Add-In forWord, Excel and PowerPoint
•Template Chooser for Modern SharePoint
What is DocsNode
Valo is an award-winning Digital
Workplace solution on Office 365
• Center of all communication, social
and teamwork in your organization
• Beautiful User Experience
• Works with any device
• You can start using it immediately
• Always up-to-date
Award-winning DigitalWorkplace solution
on Office 365 and SharePoint
All the most popular
intranet features in one
package with a beautiful
Find and manage your
groups, team sites and
Valo Idea Management
Collect and nurture ideas
• discover related content such as news and other site activities,
• apply common navigation and branding across associated sites,
• search across all associated sites.
You get a lot of functionality out of the box
Search across your projects
Global Navigation for all your projects
Overview over all your projects trough associated sites
Display the most active sites associated with the hub site on the home
page by using the Sites web part. And choose the layout you want
Display recent document from your sites in the hub
Hub Site Limitations
• Sites linked into a hub site can only be associated with one hub site.
• Hubs can’t be nested, limiting their potential for a corporate portal
• No fix for multiple languages
Source, Sam Marshall: https://www.cmswire.com/digital-workplace/hub-sites-raise-sharepoints-
Site Scripts is JSON definition that
describes actions and sub-actions
Site design is a set of pre-defined
actions that get executed to a site
after the site has been created.
Site design in some ways are a
container for the Site Script.
Each Site design can have one or
more associated Site Scripts
You can have a default design that
will be applied to sites when they are
Why should we useSite Design andSiteScripts for
You get a lot of functionality out of the box
Can join all sites to a hub that is created with the design/script
Prepopulate content into our projects
Make sure all projects have the same content types and
Where will your users create the project sites?
But lets for this case assume that projectsshould be
Step byStep creatingthis magic
Step to awesomeness
Build The Project HUB
Decide on Project Site Resources and Actions
Build JSON File
Add Site Script and Site Design to the Tenant
Create a Site with the Design
Step 1: Build the ProjectHUBSite
1. Create your SharePoint Hub
2. Create your site directory list
3. Add the required columns
4. Create Microsoft Flow to store
all created sites in the
This Photo by Unknown Author is licensed under CC BY-SA-NC
Step 2:So how do we want our project templatesto
Step 2:So how do we want our projecttemplatesto
Create new Project Documents library with some custom columns
Add Project Document content type to the new library
Remove Document content type from the new library
Add Project Documents library to the navigation
Remove Documents, Pages, and Site Contents from the navigation
Add the Project site to the Project Hub
Set External Sharing
Automatically add the site to the Site Directory
Step 3: Build theJSON / To codeor not to code…
Site design JSON schema reference,
Step 3: Build theJSON
PnP solution, Site Designs Studio, contributed byYannick
Plenevaux to assist in creating/changing the site scripts and site
Step 4:AddSiteScript andSite Design to theTenant
What doesproject hub sites offer
• They add a consistent branding across all sites
• They add a persistent menu, making it easier to move between the
• If you search within the hub site, it will also search all linked sites.
• We will also get publishing workflow/flow