Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

905: You Should Learn Nuxt!

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

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. <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <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> <h3 class="code-line" data-line-start="34" data-line-end="35"> <a id="Hit_us_up_on_Socials_34"></a>Hit us up on Socials!</h3> 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>

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.
 Show Notes  00:00 Syntax Meetup!
 00:26 Welcome to Syntax
 01:21 The deal with Nuxt. CJ’s Nuxt Course.

 02:51 Why do you like Vue?
 04:52 Brought to you by Sentry.io.
 05:17 Routing with Nuxt. h3 - The Web Framework for Modern JavaScript Era.
 Nuxt Guides.

 06:12 Built on Nitro.
 06:49 The Nuxt Ecosystem.
 07:52 API Route Support.
 08:15 Nuxt Directory Structure.
 09:09 Does Nuxt do too much for you?
 11:15 Data fetching in a Nuxt app.
 13:25 RPC, Form Actions, Server Actions?
 15:00 Nuxt Server Folder Hastle.
 15:57 useFetch Hook. CJ’s Nuxt Crash Course.

 17:29 Core Modules and Community Modules?  Nuxt Modules.
 shadcn-nuxt.
 @nuxt/ui.
 DaisyUI.
 Pinia.

 21:17 Nuxt Hosting. Deploy.
 hub.nuxt.

 23:59 Anything you don’t like?
  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

905: You Should Learn Nuxt!

Poslechněte si podcast