Nuxt Crash Course 2025

Video Description

In this video, CJ shows how to get up and going with Nuxt. He demonstrates layouts, pages, data fetching, api routes and more! View the code from this video here: https://github.com/w3cj/nuxt-tasks-app Watch the Vue Crash Course: https://www.youtube.com/watch?v=5oKpoqmUj64 00:00 intro 00:58 tour of the docs 03:38 nuxt modules 04:19 generate a nuxt app 06:14 eslint stylistic setup 08:42 vscode editor settings 09:46 setup picocss 10:27 layouts 11:32 pages 12:13 components 13:26 NuxtLink 14:41 rendering 15:11 api routes 16:56 useFetch 20:02 useFetch lazy 22:07 sending api errors 24:03 db setup overview 25:38 insert task 26:32 readValidatedBody 28:25 $fetch 33:08 insert task 33:34 route params 35:06 display single task 35:35 getValidatedRouterParam 36:20 find first task with id 37:15 useRoute 37:38 list single task 39:23 homework 40:00 thanks! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #nuxt #nuxtjs #vue #vuejs #webdevelopment #webdeveloper #javascript #typescript #syntax #syntaxfm #webdev