Conclusion

Plan: B2B Developer

Lesson 25 of 25 · 5 min

Course Completed

You’ve successfully completed the B2B Buyer Portal course!

To summarize what we’ve covered:

• The Buyer Portal is a client-side React application that enhances your storefront with B2B shopper workflows.
• The portal is installed automatically in Stencil storefronts with B2B Edition enabled and can be used with Catalyst and custom headless storefronts as well.
• The following strategies can be used for customizing a Buyer Portal enabled storefront:
  • Theme settings in the B2B Edition control panel
  • Custom JavaScript that interacts with the Buyer Portal’s global utilities
  • Forking the Buyer Portal to fully customize any aspect of the UI
• The B2B GraphQL API powers the Buyer Portal’s data fetching.
• The following are key components of the Buyer Portal:
  • React Router for a URL hash-based routing scheme
  • Material UI for the core component structure
  • Redux for global state management
• Client-side integration between the Buyer Portal and third-party systems can be handled with middleware and the user’s authenticated B2B GraphQL token.
• The custom Buyer Portal you’ve built in this course demonstrates:
  • Creating a new Buyer Portal page with its own permissions configuration
  • Utilizing Material UI components and built-in custom Buyer Portal components
  • Reading from and writing to global state
  • Performing custom GraphQL queries with the portal’s built-in tools
  • Managing a custom Redux slice for new state values

With the patterns you’ve learned in this course, you’re equipped to start crafting your own B2B shopping experiences!

Resources

• B2B Edition Documentation
• Buyer Portal Documentation
• The Buyer Portal on GitHub
• B2B GraphQL API Playground