Vue.js Forge 2024
2024-11-14
-- online --
| title | author | length |
|---|---|---|
| Smart Chat App with Vue, AI and Serverless Function Solution LIVE | Maya Shavin | 57m |
Creates a real time Vue chat that keeps the OpenAI key on the server and uses a serverless function (Nefy/Netlify style) to call GPT 4o so clients never see… | ||
| Create a 3D Low Poly Planet Scene with TresJS Solution LIVE | Alvaro Saburido | 51m |
Live-codes a Vue + TresJS scene that loads a glTF low poly planet and shows the exact steps to get it working: import the Tres canvas, wrap async model loading… | ||
| Leverage Ark UI Vue, Build your Component Library Solution LIVE | Sybren Willemot | 46m |
Live builds an Avatar component on Ark UI Vue from zero: initializes a workspace with pmpm (notes Bun preference), copies Ark UI’s anatomy, adds props (source… | ||
| Build a Google Docs clone with CKEditor 5 & Vue.js Solution LIVE | Vadim Smirnov | 32m |
Live builds a working Google Docs clone using CKEditor 5 & Vue.js with code you can download and run, showing the exact imports, toolbar items array and… | ||
| Leveraging Ark UI Vue, Build your Own Component Library | Sybren Willemot | 09m |
Builds a tiny component library that uses Ark UI Vue for headless logic, wires it into a packaged workspace via pnpm and a GitHub boilerplate, and documents… | ||
| Intro to How to Create a 3D Low Poly Planet Scene with TresJS | Alvaro Saburido | 06m |
Builds an interactive Vue 3 scene with TresJS, loading GLTF models from a provided public folder to create a low poly planet plus airplane and cloud models… | ||
| Build a Smart Chat App with Vue, AI, and Serverless Function | Maya Shavin | 05m |
Builds an end-to-end AI chat app: a Vue chat component plus a simple backend implemented as a Netlify serverless function that calls the OpenAI API using… | ||
| Intro to Build a Google Docs clone with CKEditor 5 and Vue.js | Vadim Smirnov | 05m |
Builds a Google Docs–style rich text editor using Vue.js and CKEditor 5, using CKEditor Builder to assemble a custom build, plus manual plugin integrations and… | ||
| How to NOT Block Navigation in Nuxt | Mostafa Said | 03m |
Shows how to serve cached page data immediately in Nuxt by using useFetch/useAsyncData/useNuxtData, assigning a cache key when fetching the list, then reading… | ||
| Boost Navigation Speed with Nuxt's Data Caching | Mostafa Said | 03m |
Shows a concrete pattern using Nuxt 3's useFetch lazy:true and useNuxtData('meals') to drive navigation timing. Code checks a cachedMeals value and chooses… | ||
| Parallel Fetch Requests In Nuxt | Daniel Kelly | 03m |
Example replaces two sequential useFetch calls with useAsyncData that returns Promise.all of both fetches in a Nuxt page so both API endpoints start together… | ||
| Tackle real-world Vue.js challenges with industry experts! | 01m | |
Vue.js Forge is BACK on November 14th for its 5th Edition, and we’re turning up the heat! 🔥
This year it’s a power-packed, 1-day event where you'll team up… | ||
| nothing matches | ||