CJ steps in for Scott and joins Wes to share his experience working with Nuxt, from routing and data fetching to the pros and cons of the framework. They break down the Nuxt ecosystem, directory structure, and how it handles server routes and modules. <a id= "Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> <a href= "https://syntax.fm/meetup">Syntax Meetup</a>!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=00:26">00:26</a> Welcome to Syntax</li> <li class="has-line-data" data-line-start="6" data-line-end="8"> <a href="#t=01:21">01:21</a> The deal with Nuxt. <ul> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://www.youtube.com/watch?v=DK93dqmJJYg">CJ’s Nuxt Course</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=02:51">02:51</a> Why do you like Vue?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=04:52">04:52</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="10" data-line-end="13"> <a href="#t=05:17">05:17</a> Routing with Nuxt. <ul> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://v1.h3.dev/">h3 - The Web Framework for Modern JavaScript Era</a>.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://nuxt.com/docs/guide">Nuxt Guides</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=06:12">06:12</a> Built on Nitro.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=06:49">06:49</a> The Nuxt Ecosystem.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=07:52">07:52</a> API Route Support.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=08:15">08:15</a> Nuxt Directory Structure.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=09:09">09:09</a> Does Nuxt do too much for you?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=11:15">11:15</a> Data fetching in a Nuxt app.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=13:25">13:25</a> RPC, Form Actions, Server Actions?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=15:00">15:00</a> Nuxt Server Folder Hastle.</li> <li class="has-line-data" data-line-start="21" data-line-end="23"> <a href="#t=15:57">15:57</a> useFetch Hook. <ul> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://www.youtube.com/watch?v=RhZZ0whiuT8">CJ’s Nuxt Crash Course</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="23" data-line-end="29"> <a href="#t=17:29">17:29</a> Core Modules and Community Modules? <ul> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://nuxt.com/modules">Nuxt Modules</a>.</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://nuxt.com/modules/shadcn">shadcn-nuxt</a>.</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://nuxt.com/modules/ui">@nuxt/ui</a>.</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href= "https://tailwindcss.nuxtjs.org/examples/daisyui">DaisyUI</a>.</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://pinia.vuejs.org/ssr/nuxt.html">Pinia</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="29" data-line-end="32"> <a href="#t=21:17">21:17</a> Nuxt Hosting. <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://nuxt.com/deploy">Deploy</a>.</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://hub.nuxt.com/">hub.nuxt</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="32" data-line-end="34"> <a href="#t=23:59">23:59</a> Anything you don’t like?</li> </ul> <a id="Hit_us_up_on_Socials_34"></a>Hit us up on Socials! Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott: <a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

905: You Should Learn Nuxt!

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews