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