1.
Tips for Success
with Gutenberg Theme Development

2.
billerickson.net/gutenberg-tips-for-success
More information and code examples:

3.
NexRep.com

4.
Start with Atomic Design

5.
Atomic Design

6.
Editor Styles

7.
Editor Styles

8.
SASS
Editor Styles

9.
main.scss editor-styles.scss
Editor Styles / SASS

10.
Color Palette
Editor Styles

11.
Editor Styles / Color Palette

12.
Additional editor
scripts and styles
Editor Styles

13.
Editor Styles / Additional editor scripts and styles
Content layout Full Width Content layout

14.
Block Styles
Editor Styles

15.
Editor Styles / Block Styles

16.
Custom Blocks

17.
1. Hero Header
2. Call to Action
3. Icon Bullets
4. Content & Image
5. Content & Video
6. Content & Icon
7. Content Image Overlay
8. Percent Bullets
9. Featured Logos
10. NexRep Medallion
11. Quick Links
12. Post Listing
13. Staff
Custom Blocks

18.
Custom Blocks

19.
Client Training

20.
Client Training

21.
Thank You
billerickson.net
@billerickson