tRPC Nuxt Part 3 - Database Queries and Nuxt UI

Getting Started with tRPC Nuxt Part 3 - Finalizing Database Queries and Adding Nuxt UI - Build A Full-Stack Typescript Application
#tRPC #nuxt #vuejs

tRPC - Move Fast and Break Nothing. End-to-end typesafe APIs made easy. Experience the full power of TypeScript inference to boost productivity for your NUXT full-stack application.

💥 This is the third video in the series
----------------------------------------------------------------
Part One -    • tRPC Nuxt - Part 1 - Getting Started  
Part Two -    • tRPC Nuxt - Part 2 - Adding Database  
Part Three -    • tRPC Nuxt Part 3 - Database Queries and Nu...  

In this video, we are adding a UI for the application using Nuxt UI and connecting the application to the tRPC API for creating new thought entries using NuxtUI Form and displaying query of all thoughts using Nuxt UI Data Table

💥 Sign Up For Our Newsletter​ - https://buff.ly/3lAk2jL

💥 Chapters
--------------------------
00:00 - Introduction
01:06 - Cleanup From Last Video - Setting Appropriate Type On Return Value
02:00 - Setup for Nuxt UI In Project
03:04 - UContainer Integration
03:50 - UTable Integration, Data Table for List Of Thoughts
06:08 - UCard
07:25 - UForm Integration, Form for Adding Thoughts
12:59 - USelect - Provide the predefined moods in the form
16:00 - Using Information From Form to Make Call Using tRPC to Save New Thought
21:12 - Update Data Table using refresh() from the useQuery Call
22:25 - UModal - Creating A Modal Alert
29:56 - Wrap Up

💥 Links
--------------------------
trpc-nuxt - https://trpc-nuxt.vercel.app/
trpc - https://trpc.io/
better-sqlite-3 - https://github.com/WiseLibs/better-sq...
Nuxt UI - https://ui.nuxtlabs.com/getting-started

💥 Social Media
--------------------------
Twitter -   / aaronksaunders  
Facebook -   / clearlyinnovativeinc  
Instagram -   / aaronksaunders  
Dev.to - https://dev.to/aaronksaunders