Creating a JAM Stack product from scratch

on YouTube ↗29m

" summary

Walks through building a JAMstack product from the ground up using Vue.js and related tools, covering choices for static site generation, hosting, and backend services. Explains how to assemble a product workflow with technologies like Vue (and likely Nuxt/Vue tooling), static hosts/CDNs, and serverless or headless services to create a deployable JAMstack application.

AI-written summary · about

" chapters (22)

1. 0:00Intro
2. 1:28You start wondering
3. 2:27What's Vue Dose
4. 4:23VueDose 2.0 stack
5. 5:31Step 1
6. 7:03Vue Dose Design System
7. 8:35Why a Design System?
8. 10:30Blog Structure
9. 11:28StoryBlok API
10. 12:37Home Page
11. 14:11Article Detail
12. 14:57Rendering RichText
13. 15:24Typography plugin
14. 15:54Content Navigation
15. 17:12Filtering by Tag
16. 17:28Search Box
17. 17:46Full-text Search
18. 19:20Meta Tags
19. 20:22Social Media Sharing
20. 21:12Nuxt Sitemap
21. 23:46Deploy to Netlify
22. 25:58Automating Builds

" related talks

• 30mJAMstack is the future. I think. Maybe.Tim Benniks · DevBreak 2021
• 12mCMS and JAMstack: A Tale of Innovation in Web DevelopmentJuan Felipe Gomez · Conf42 JavaScript 2023
• 10mUsing React with JAMstackJesús Cuesta · React Alicante 2019
• 34mHow to JAMstack in a dynamic eraEkene Eze · StrapiConf 2021
• 05mLightning talk: Give a try to the JAM(stack)Konstantin Bifert · Nordic.js 2019
• 29mJamstack at ScaleIshan Anand · JSWorld Conference 2021
• 19mA Skeptic’s Intro To The JamstackShawn Swyx Wang · All Things Open 2019
• 26mSpreading the JAMstackScott Spence · Scale By the Bay 2020