Video: Shared Layout
Ecommerce on the Jamstack with Snipcart, Next.js, & WordPress
Released: 2021-07-31
-
1. Introduction
1m30s
-
2. NextJS
8m14s
-
3. Netlify & Github
15m46s
-
4. Sass, Components, Store Header
21m33s
-
5. Products, CSS Grid, Button component
22m39s
-
6. Snipcart, Env Variables
17m16s
-
7. WordPress, WPGraphQL
18m53s
-
8. GraphQL, Apollo Client
14m4s
-
9. Autodeploy with Web Hooks
5m50s
-
10. Dynamic Routes
19m27s
-
11. Custom Snipcart Hook
16m39s
-
12. Shared Layout
8m22s
-
13. Branding & Personality
23m26s
-
14. Snipcart Theming & Customization
24m13s
-
15. Custom Taxonomy
23m17s
-
16. Search
16m50s
Shared Layout
As we're starting to manage more than a single page, we're noticing that we're having to repeat a lot of the same UI components in each. While this isn't too bad with just a few pages, as it grows, we need to remember to make any changes on each and every page. Instead we can take advantage of the reusability of React components to abstract our entire layout, allowing us to manage all global components in a single, shared Layout.