Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Architecting
Lightning Components
for Community Builder
michael.welburn@gmail.co
m
@MichaelWelburn
Michael Welburn
Salesfo...
Michael Welburn
Salesforce Engineer, Twitch
9 x
What is Community Cloud?
Collaborate with people outside your company using your Salesforce data
• Customers
• Partners
• ...
Community Cloud Customization in the Past
Previous Options
• Salesforce Classic Tabs
• Visualforce & Force.com Sites
• Sit...
Community Builder
Evolution of Community Cloud into Community Builder
• Community Templates / WYSIWYG
• Color Picker
• Ima...
Community Builder
Demo
Basic Requirements
Implement the forceCommunity:availableForAllPageTypes interface
• That is it!
Enabling a Lightning Comp...
Basic Requirements
Create a defaultTokens.token bundle extending
force:base
Within the Style portion of custom Lightning
C...
Basic Component Setup
Demo
Respecting Community Security & Configuration
Be aware of configurable Community Preferences
• Community Nickname vs Full ...
Community Nuances
Demo
Next Steps & Resources
What is Community Cloud?
• http://bit.ly/CC-FAQ
Community Builder Overview
• http://bit.ly/CBOvervi...
Thank Y u
Upcoming SlideShare
Loading in …5
×

Architecting Lightning Components for Community Builder

1,176 views

Published on

Dreamforce 2016 session on enabling Lightning components within Salesforce's Community Builder.

Published in: Technology
  • Be the first to like this

Architecting Lightning Components for Community Builder

  1. 1. Architecting Lightning Components for Community Builder michael.welburn@gmail.co m @MichaelWelburn Michael Welburn Salesforce Engineer, Twitch
  2. 2. Michael Welburn Salesforce Engineer, Twitch 9 x
  3. 3. What is Community Cloud? Collaborate with people outside your company using your Salesforce data • Customers • Partners • Employees Each Community is a “mini-Salesforce” instance tied to your org • Support for multiple Communities against 1 Salesforce instance • Record data can be shared between environments • Chatter data segmented between each Community
  4. 4. Community Cloud Customization in the Past Previous Options • Salesforce Classic Tabs • Visualforce & Force.com Sites • Site.com Moving away from Visualforce & Force.com Sites • Developer required for all changes • No standard implementation across Communities • Page-centric development is not reusable • Standard Salesforce interfaces not mobile responsive • Salesforce is prioritizing Community Templates for new functionality
  5. 5. Community Builder Evolution of Community Cloud into Community Builder • Community Templates / WYSIWYG • Color Picker • Image Uploads • Page Creation • Object & Custom Pages • Standard Components • Support for custom Lightning Components • Salesforce Lightning Design System (SLDS) • Design Tokens • Component Events • Mobile Responsive Creating Maintainable Custom Branded Communities
  6. 6. Community Builder Demo
  7. 7. Basic Requirements Implement the forceCommunity:availableForAllPageTypes interface • That is it! Enabling a Lightning Component to be used in Community Builder
  8. 8. Basic Requirements Create a defaultTokens.token bundle extending force:base Within the Style portion of custom Lightning Component, leverage token(fontFamily) syntax Leveraging Design Tokens for Configurable Branding
  9. 9. Basic Component Setup Demo
  10. 10. Respecting Community Security & Configuration Be aware of configurable Community Preferences • Community Nickname vs Full Name Ensure your Data is scoped correctly • Data may be accessible in a Community where it is not applicable • Zones • Chatter Groups • Data Categories
  11. 11. Community Nuances Demo
  12. 12. Next Steps & Resources What is Community Cloud? • http://bit.ly/CC-FAQ Community Builder Overview • http://bit.ly/CBOverview Lightning Components Developer Guide • http://bit.ly/LC-DG Trailhead for Communities • http://bit.ly/trailheadcc Source Code • http://bit.ly/MW-DF16Code Set Up Your First Community • http://bit.ly/SetupCommunity Using Templates to Build Communities • http://bit.ly/UsingTemplates Configure Components for Communities • http://bit.ly/ConfigComponent Network Object API Definition • http://bit.ly/NetworkAPI Standard Design Tokens for Communities • http://bit.ly/DesignTokens All links available at http://bit.ly/MW-DF16
  13. 13. Thank Y u

×