Back to Browse

QuickSite Dev Log #3 — Components vs Snippets

2 views
Apr 22, 2026
17:21

What's the difference between a snippet and a component? In this video I show both approaches on the same content — the documentation commands page — so you can see exactly when to use which. First, we restyle quicksite-v2 to match the warm terracotta palette from v1 (via the Restyle Website workflow). Then we create a snippet (global scope, CSS injection options), create a component from the same element (variables, enums for HTTP methods, translation keys), and finally see how editing the component template updates every instance — while snippets stay independent copies. GitHub: https://github.com/Sangiovanni/quicksite Release notes: https://github.com/Sangiovanni/quicksite/releases/tag/v1.0.0-beta.5 Chapters: 0:00 Intro 0:05 Restyle Website 1:36 Creating a Snippet 2:55 Global Snippet & CSS Injection 4:04 Creating a Component 5:15 Variables & Enums 9:16 Translation Variables 11:25 Adding Components to the Page 12:04 Snippet vs Component — The Real Difference 16:54 Outro Full playlist: https://www.youtube.com/playlist?list=PLULtElcjV8r-o8uVM9bS86ZYk0rvKuZwL Previous: Dev Log #2 — Sitemap & Routing (https://www.youtube.com/watch?v=lIUsoZHErqU) Next: Dev Log #4 — Interactions & animations (https://www.youtube.com/watch?v=Pmo3Ak91x5k)

Download

0 formats

No download links available.

QuickSite Dev Log #3 — Components vs Snippets | NatokHD