SlideShare a Scribd company logo
NextGen Portal for Your
Organization
Albert-Jan Schot Waldek
Mastykarz
SharePoint Server MVP SharePoint Server MVP
NextGen Portal for Your Organization
Organization portals
On-rails experiences
Built using modern web technology
Rich experiences
Cross-device support
What are NextGen Portals
Leverage all of Office 365
Leverage Office 365 as a service
Bring your own
Cross-device support
Custom NextGen portals advantages
Web application
Built using platform of your choice
Interacts with Office 365 using the Office 365 API
Hosted on infra of your choice
Anatomy of custom NextGen portals
Azure AD app registration
$ yo office365app
Connect to O365
Build your own NextGen portal
NextGen Portal for Your Organization
NextGen Portal for Your Organization
Visual Studio Code on OS X/Windows
Stack
Hosted as Azure Web Application
TFS Git as source control
How we did it?
Blank canvas
Responsible for authentication
Multiple simultaneous ADAL JS flows
Office Graph docviz doesn't support OAuth
Gotchas
1. Get O365 dev tenant @ http://buff.ly/1VfEVRn
2. Learn Office 365 API @ http://buff.ly/1GasB8N
3. Start coding
4. Bonus: Get Yo Office @ http://buff.ly/1G9cPuT
Next steps
NextGen Portal for Your Organization

More Related Content

PPTX
Building contextual experiences with the Office Graph (SPSMUC 15)
PPTX
Building solutions with the Office Graph (Unity Connect Amsterdam 2015)
PPTX
Building contextual experiences with the Office Graph
PPTX
NextGen Portal for Your Organization
PPTX
Building Office 365 solutions with React
PDF
Forge - DevCon 2016: Building Value-Added Integrations with Autodesk’s IoT APIs
PPTX
SPC Adriatics 2016 - Introduction to AngularJS with the Microsoft Graph
PPTX
Be a Modern SharePoint Developer
Building contextual experiences with the Office Graph (SPSMUC 15)
Building solutions with the Office Graph (Unity Connect Amsterdam 2015)
Building contextual experiences with the Office Graph
NextGen Portal for Your Organization
Building Office 365 solutions with React
Forge - DevCon 2016: Building Value-Added Integrations with Autodesk’s IoT APIs
SPC Adriatics 2016 - Introduction to AngularJS with the Microsoft Graph
Be a Modern SharePoint Developer

What's hot (20)

PPTX
Public v1 real world example of azure functions serverless conf london 2016
PPTX
Deploy your Websites and Web Applications on Azure
PPTX
Microsoft Flow in Real World Projects: 2 Years later & What's next
PPTX
Connect SharePoint Framework solutions to APIs secured with Azure AD
PPTX
Logic Apps – Deployments
PDF
Understanding SharePoint Framework Extensions
PPTX
SPS Gulf : SharePoint 2013 Cloud Business App
PPTX
Serverless Architecture - Azure Logic apps
PPTX
SPSBE18: New era of customizing site provisioning
PPTX
Microsoft Azure and Microsoft 365 - How Will They Help You
PDF
Building serverless integration solutions with Microsoft Azure
PPTX
Introduction to Azure Functions - Tutorial
PPTX
Extend Microsoft Flow Capabilities Using Microsoft Graph API
PPTX
SharePoint wizards - no magic needed, just use Microsoft Flow
PPTX
Introduction to Azure Functions
PPTX
Advanced PowerShell for Office 365
PDF
New Enterprisre Capabilities in Telerik Platform
PPTX
Workflow Best Practices:Five (or More) "Do"s and "Don't"s
PPTX
Integration Monday - Logic App Patterns
PDF
O365Con18 - PowerApps build custom forms for SharePoint with Azure Maps - Bra...
Public v1 real world example of azure functions serverless conf london 2016
Deploy your Websites and Web Applications on Azure
Microsoft Flow in Real World Projects: 2 Years later & What's next
Connect SharePoint Framework solutions to APIs secured with Azure AD
Logic Apps – Deployments
Understanding SharePoint Framework Extensions
SPS Gulf : SharePoint 2013 Cloud Business App
Serverless Architecture - Azure Logic apps
SPSBE18: New era of customizing site provisioning
Microsoft Azure and Microsoft 365 - How Will They Help You
Building serverless integration solutions with Microsoft Azure
Introduction to Azure Functions - Tutorial
Extend Microsoft Flow Capabilities Using Microsoft Graph API
SharePoint wizards - no magic needed, just use Microsoft Flow
Introduction to Azure Functions
Advanced PowerShell for Office 365
New Enterprisre Capabilities in Telerik Platform
Workflow Best Practices:Five (or More) "Do"s and "Don't"s
Integration Monday - Logic App Patterns
O365Con18 - PowerApps build custom forms for SharePoint with Azure Maps - Bra...
Ad

Viewers also liked (20)

PPTX
SharePoint Connections Amsterdam 2013: Real-life building public-facing websi...
PPTX
SPSNL13 - Building intelligent websites with SharePoint 2013
PPTX
SP2013 WCM Bootcamp - DSN Designing for SharePoint 2013
PPTX
Building solutions with Office Graph
PDF
BIWUG - What’s new in SharePoint 2013 for public-facing websites
PPTX
SP2013 WCM Bootcamp - ARC04 Building intelligent websites
PDF
TechDays 2015 - Building Solutions with the Office Graph
PPTX
SP2013 WCM Bootcamp - ARC01 Planning for public-facing websites
PPTX
Building solutions with the Office Graph
PPTX
SP2013 WCM Bootcamp - ARC03 Engaging with visitors
PDF
Enterprise 2.0, socialising the enterprise
PPTX
Leveraging the new Application Model for structured and repeatable deployments
PPTX
SP2013 WCM Bootcamp - Keynote
PPTX
Optimizing SharePoint 2013 public-facing websites for Internet search engines
PDF
Building solutions with Office Graph - SharePoint Connect 2014 Amsterdam
PPTX
Building rich search experiences Apps for SharePoint
PPTX
Office 365 Truths Delve and Office Graph
PPTX
DIWUG Developing Apps with Office Graph
PPTX
Vinden Of Zoeken
PPTX
SPConnect 2014 - Search Intents with Apps
SharePoint Connections Amsterdam 2013: Real-life building public-facing websi...
SPSNL13 - Building intelligent websites with SharePoint 2013
SP2013 WCM Bootcamp - DSN Designing for SharePoint 2013
Building solutions with Office Graph
BIWUG - What’s new in SharePoint 2013 for public-facing websites
SP2013 WCM Bootcamp - ARC04 Building intelligent websites
TechDays 2015 - Building Solutions with the Office Graph
SP2013 WCM Bootcamp - ARC01 Planning for public-facing websites
Building solutions with the Office Graph
SP2013 WCM Bootcamp - ARC03 Engaging with visitors
Enterprise 2.0, socialising the enterprise
Leveraging the new Application Model for structured and repeatable deployments
SP2013 WCM Bootcamp - Keynote
Optimizing SharePoint 2013 public-facing websites for Internet search engines
Building solutions with Office Graph - SharePoint Connect 2014 Amsterdam
Building rich search experiences Apps for SharePoint
Office 365 Truths Delve and Office Graph
DIWUG Developing Apps with Office Graph
Vinden Of Zoeken
SPConnect 2014 - Search Intents with Apps
Ad

Similar to NextGen Portal for Your Organization (20)

PPTX
2014 SharePoint Saturday Melbourne Apps or not to Apps
PPTX
Collab365 - AngularJS & Office 365 Unified API : A match made in heaven!
PPTX
Mastering Office 365 Development - Toni Pohl, atwork
PPTX
Azure app service to create web and mobile apps
PPTX
Mastering Office 365 Development
PPTX
Azure App Service at Let's Dev This
PPTX
Office apps in Office 365 - Napa the next big thing
PDF
Yo Office! Use your SPFx Skills to Build Add-Ins for Word, Excel, Outlook and...
PPTX
Integrating SaaS application using Microsoft’s Azure App Service Platform
PPTX
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
PPTX
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
PPTX
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
PPTX
ESPC15 - Introduction to AngularJS in an Office 365 context
PPTX
SharePoint Fest DC 2018 - From SharePoint to Office 365 Development
PPTX
2013 - Back to the Future with Client/Server Development
PDF
Real World SharePoint Framework and Azure Services
PPTX
SharePoint Fest Chicago 2019 - From SharePoint to Office 365 Development
PPTX
SharePoint Saturday Calgary 2017 - From SharePoint to Office 365 Development
PPTX
ESPC Webinar - From SharePoint to Office 365 Development
PDF
Real World SharePoint Framework and Azure Services
2014 SharePoint Saturday Melbourne Apps or not to Apps
Collab365 - AngularJS & Office 365 Unified API : A match made in heaven!
Mastering Office 365 Development - Toni Pohl, atwork
Azure app service to create web and mobile apps
Mastering Office 365 Development
Azure App Service at Let's Dev This
Office apps in Office 365 - Napa the next big thing
Yo Office! Use your SPFx Skills to Build Add-Ins for Word, Excel, Outlook and...
Integrating SaaS application using Microsoft’s Azure App Service Platform
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
ESPC15 - Introduction to AngularJS in an Office 365 context
SharePoint Fest DC 2018 - From SharePoint to Office 365 Development
2013 - Back to the Future with Client/Server Development
Real World SharePoint Framework and Azure Services
SharePoint Fest Chicago 2019 - From SharePoint to Office 365 Development
SharePoint Saturday Calgary 2017 - From SharePoint to Office 365 Development
ESPC Webinar - From SharePoint to Office 365 Development
Real World SharePoint Framework and Azure Services

More from Waldek Mastykarz (12)

PPTX
Setting up development environment for building SharePoint Framework solution...
PPTX
Deep-dive building solutions on the SharePoint Framework
PPTX
Building productivity solutions with Microsoft Graph
PPTX
Building solutions with the SharePoint Framework - deep-dive
PPTX
Building solutions with the SharePoint Framework - introduction
PPTX
Deep Dive building solutions on the SharePoint Framework - SPS Brussels 2016
PPTX
SharePoint Framework do's and don'ts
PPTX
SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...
PPTX
Building solutions with Office Graph
PPT
P&M307 Building intelligent websites with SharePoint 2013
PPT
P&M302 Real-life building public-facing websites with SharePoint 2013
PPTX
SharePoint 2010 Web Content Management - The Developer Story
Setting up development environment for building SharePoint Framework solution...
Deep-dive building solutions on the SharePoint Framework
Building productivity solutions with Microsoft Graph
Building solutions with the SharePoint Framework - deep-dive
Building solutions with the SharePoint Framework - introduction
Deep Dive building solutions on the SharePoint Framework - SPS Brussels 2016
SharePoint Framework do's and don'ts
SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...
Building solutions with Office Graph
P&M307 Building intelligent websites with SharePoint 2013
P&M302 Real-life building public-facing websites with SharePoint 2013
SharePoint 2010 Web Content Management - The Developer Story

Recently uploaded (20)

PPTX
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
PPTX
VVF-Customer-Presentation2025-Ver1.9.pptx
PPTX
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
PDF
How to Choose the Right IT Partner for Your Business in Malaysia
PDF
Understanding Forklifts - TECH EHS Solution
PDF
Nekopoi APK 2025 free lastest update
PPT
Introduction Database Management System for Course Database
PDF
Internet Downloader Manager (IDM) Crack 6.42 Build 41
PPTX
ManageIQ - Sprint 268 Review - Slide Deck
PDF
Design an Analysis of Algorithms II-SECS-1021-03
PDF
Upgrade and Innovation Strategies for SAP ERP Customers
PPTX
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
PPTX
L1 - Introduction to python Backend.pptx
PDF
Navsoft: AI-Powered Business Solutions & Custom Software Development
PDF
Internet Downloader Manager (IDM) Crack 6.42 Build 42 Updates Latest 2025
PDF
Softaken Excel to vCard Converter Software.pdf
PDF
AI in Product Development-omnex systems
PDF
System and Network Administraation Chapter 3
PPTX
Online Work Permit System for Fast Permit Processing
PPTX
CHAPTER 12 - CYBER SECURITY AND FUTURE SKILLS (1) (1).pptx
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
VVF-Customer-Presentation2025-Ver1.9.pptx
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
How to Choose the Right IT Partner for Your Business in Malaysia
Understanding Forklifts - TECH EHS Solution
Nekopoi APK 2025 free lastest update
Introduction Database Management System for Course Database
Internet Downloader Manager (IDM) Crack 6.42 Build 41
ManageIQ - Sprint 268 Review - Slide Deck
Design an Analysis of Algorithms II-SECS-1021-03
Upgrade and Innovation Strategies for SAP ERP Customers
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
L1 - Introduction to python Backend.pptx
Navsoft: AI-Powered Business Solutions & Custom Software Development
Internet Downloader Manager (IDM) Crack 6.42 Build 42 Updates Latest 2025
Softaken Excel to vCard Converter Software.pdf
AI in Product Development-omnex systems
System and Network Administraation Chapter 3
Online Work Permit System for Fast Permit Processing
CHAPTER 12 - CYBER SECURITY AND FUTURE SKILLS (1) (1).pptx

NextGen Portal for Your Organization

  • 1. NextGen Portal for Your Organization Albert-Jan Schot Waldek Mastykarz SharePoint Server MVP SharePoint Server MVP
  • 3. Organization portals On-rails experiences Built using modern web technology Rich experiences Cross-device support What are NextGen Portals
  • 4. Leverage all of Office 365 Leverage Office 365 as a service Bring your own Cross-device support Custom NextGen portals advantages
  • 5. Web application Built using platform of your choice Interacts with Office 365 using the Office 365 API Hosted on infra of your choice Anatomy of custom NextGen portals
  • 6. Azure AD app registration $ yo office365app Connect to O365 Build your own NextGen portal
  • 9. Visual Studio Code on OS X/Windows Stack Hosted as Azure Web Application TFS Git as source control How we did it?
  • 10. Blank canvas Responsible for authentication Multiple simultaneous ADAL JS flows Office Graph docviz doesn't support OAuth Gotchas
  • 11. 1. Get O365 dev tenant @ http://buff.ly/1VfEVRn 2. Learn Office 365 API @ http://buff.ly/1GasB8N 3. Start coding 4. Bonus: Get Yo Office @ http://buff.ly/1G9cPuT Next steps