Nuxt + Strapi + Composition API = ❤️

on YouTube ↗34m

" summary

Shows a working Nuxt + Strapi v3 frontend built with the Composition API: a static-generated site with pages and articles, dynamic file-system routes (articles/_id) and a crawler that discovers two article routes during generate. Uses useFetch and useContext to call $strapi (pages and articles collections), demonstrates loading/error states, and sets meta tags. Adds a Nuxt plugin that enables preview mode so the same build becomes fully dynamic for previews; static output contains HTML payloads and the preview toggle restores live API fetching.

AI-written summary · about

" chapters (16)

1. 0:00Introduction
2. 0:16Speaker background
3. 1:35What is Nuxt.js
4. 3:59Nuxt features
5. 6:16File system routing
6. 7:48Optimization and performance
7. 9:37Rendering modes
8. 13:38Modules and ecosystem
9. 15:13Developer experience
10. 17:10The Composition API
11. 18:50Code project setup
12. 22:48Implementing the homepage
13. 25:46Articles overview page
14. 27:41Dynamic article pages
15. 30:50Preview mode functionality
16. 32:35Conclusion and Q&A

" related talks

• 40mNuxt.js and the Composition APIAlexander Lichter · Vue.js fwdays'20 online conference
• 46mNuxt.js and the Composition APIAlexander Lichter · vueday 2021
• 23mFell Static with NuxtDebbie O'Brien · Vue.js Amsterdam 2020
• 18mNuxt.js - Just Vue and a bit of magic?Alexander Lichter · CityJS Berlin 2024
• 27mGoing Static in a Dynamic World with Hasura and Nuxt.jsDebbie O'Brien · GOTOpia Europe 2020
• 23mFull Stack with NuxtSébastien Chopin · Vuejs Amsterdam 2024
• 55mNuxt.js: isomorphic Vue.js Apps made easy, fast and funDavid Guijarro · iJS London 2019
• 33mNew Developer Experiences with Nuxt 3Daniel Roe · JSWorld Conference 2022