tRPC Alternative for Nuxt Application
A tRPC Alternative for a Nuxt FullStack Typesafe Application
#nuxt #vue #trpc
Build a full-stack typescript nuxt application without the boilerplate code of tRPC using the nuxt-remote-fn module
we will build a simple nuxt application to save and retrieve data from a sqlite database through a typesafe server-side API.
π₯ Sign Up For Our Newsletterβ β https://buff.ly/3lAk2jL
π₯ Chapters
βββββββββ
00:00 β introduction
02:08 β Project Setup
03:20 β Create and Test A Simple Remote Function
06:50 β More Complex Example
07:25 β Create SQLite Service For Database Interaction
08:18 β Create Remote Function to Add To Database
12:41 β Create Remote Function to Query Database
14:57 β Using useAsyncData when Querying Database on Client
17:55 β Getting Typed Results from Remote Function to Query Database
20:20 β Demonstrating Type safety of Remote Function to Add To Database
23:30 β Handling Error from Remote Functions
26:40 β Wrap Up
π₯ Links
βββββββββ
β Nuxt tRPC Video Series β https://www.youtube.com/watch?v=XX-4A4xkRB8
β blog β https://dev.to/aaronksaunders/full-stack-nuxt-typescript-app-without-trpc-3io7
β nuxt-remote-fn β https://github.com/wobsoriano/nuxt-remote-fn
β better-sqlite-3 β https://github.com/WiseLibs/better-sqlite3
π₯ Social Media
βββββββββ
Twitter β https://twitter.com/aaronksaunders
Facebook β https://www.facebook.com/ClearlyInnovativeInc
Instagram β https://www.instagram.com/aaronksaunders/
Dev.to β https://dev.to/aaronksaunders
#typescripttutorial #nuxtjs #typescript #sqlite #sqlite3 #bettersqlite