Nuxt Crash Course 2025
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
Brought to you by Sentry.io
#nuxt #nuxtjs #vue #vuejs #webdevelopment #webdeveloper #javascript #typescript #syntax #syntaxfm #webdev