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 a...
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
Watch video tRPC Nuxt Part 3 - Database Queries and Nuxt UI online without registration, duration hours minute second in high quality. This video was added by user Aaron Saunders 04 September 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 51 once and liked it 1 people.