ทำไมเราต้องใช้ Nuxt เมื่อมี vue อยู่แล้ว ? (มารู้จักกับ Nuxt กัน)

☕️ สนับสนุนช่องเราด้วยการสมัครสมาชิกช่องทางนี้ได้เลย
   / @mikelopster  

ลองไมค์ สัปดาห์นี้เราจะพามาทำความรู้จัก Nuxt กันว่ามันคืออะไร มีความแตกต่างกับ Vue ยังไงบ้าง และเคสแบบไหนควรใช้ Nuxt บ้าง มารู้จักกันในลองไมค์วันนี้ครับ

เนื้อหาที่เราจะพูดถึงเราจะเล่าถึง
Nuxt คืออะไร ? เมื่อเทียบกับ Vue แล้ว Nuxt มีจุดที่แตกต่างกับ Vue ยังไงบ้าง
มาลองให้เห็นภาพการจัดการ auto import, routing ของ Nuxt
และเรามาลอง deploy ขึ้น vercel กันเพื่อให้เห็นภาพว่ามันสามารถเอาไป deploy ยังไงได้บ้าง
การทำ SSR และเล่าถึงการดึงข้อมูลผ่าน SEO bot
แนะนำ use case เพิ่มเติมว่า เคสไหนควรใช้ Nuxt, เคสไหนควรใช้ Vue (และตอบคำถามจากที่มีคนส่งเข้ามา)

หัวข้อ
00:00 แนะนำ Session ก่อนว่าจะเล่าอะไรบ้าง
01:08 Nuxt คืออะไร ? ข้อดีของ Nuxt มีอะไรบ้าง
05:17 ภาพใหญ่ความแตกต่างระหว่าง Nuxt และ Vue
10:53 มาเริ่ม code project Nuxt กัน
13:20 ทำดึง Todo List ผ่าน Nuxt (เล่น CRUD API)
25:29 เพิ่มอีก 1 หน้าและส่ง parameter (Router)
29:01 Deploy ขึ้น Vercal
33:25 การสร้าง component ใน Nuxt
35:02 แนวทางการทำ composable ของ Nuxt
35:51 แนวทาง SEO และ SSR ของ Nuxt
36:20 แนวทางการทำ Meta tag และ useHead จาก API
39:08 มาดูเรื่อง SSR ผ่าน useFetch lazy กัน (เมื่อเทียบกับ Vue)
45:08 แนวทางการทำ Authentication
47:20 สรุปเรื่อง Nuxt และ Vue ว่าควรใช้อะไรกัน

อ่านเพิ่มเติมได้ที่
https://mikelopster.dev/posts/nuxt-vs...

ใครมีข้อสงสัยเพิ่มเติม มาพูดคุยแลกเปลี่ยนความรู้กันได้ที่
Facebook page:   / mikelopster.dev   กันได้เลย

Enjoy ครับ 😘

พิกัดของด้านหลัง : https://shope.ee/8A54c8cfkf