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​ - 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 - • tRPC Nuxt - Part 1 - G...
- blog - dev.to/aaronksaunders/full-st...
- nuxt-remote-fn - github.com/wobsoriano/nuxt-re...
- better-sqlite-3 - github.com/WiseLibs/better-sq...
💥 Social Media
--------------------------
Twitter - / aaronksaunders
Facebook - / clearlyinnovativeinc
Instagram - / aaronksaunders
Dev.to - dev.to/aaronksaunders
#typescripttutorial #nuxtjs #typescript #sqlite #sqlite3 #bettersqlite

[@AaronSaundersCI]

*Blog with Source Code* - dev.to/aaronksaunders/full-stack-nuxt-typescript-app-without-trpc-3io7

[@prishanf]

Hi @AaronSaundersCI this is the tutorial I was looking quite some time. I was looking how call server functions without going through the api routes to get type safety and readability. I'm coming from the Salesforce LWC/Aura dev background and I have being using and learning Nuxt and I Iove Nxut.
None of the RUclips tutorials was talk about this feature, except you. I found this tutorial while I try to learn about understand the trcp and this is exactly what I want to learn about.
I think you should change the title/description of the video something different to make it more searchable.
Thanks a lot for the this Video and really appreciate for covering this topic.

[@AaronSaundersCI]

What title would have been more appropriate that can fit in approximately 90 chars and include appropriate keywords?

[@prishanf]

@@AaronSaundersCI, I would say, "Build a Nuxt App with Next Server Backend (using Nuxt Server Functions)
Description: How to build a Nuxt app with directly calling Type safe server calls using Nuxt Server function without explicit API calls. Access Nuxt Server functions directly on Nuxt pages and Nuxt components.

[@nickzippity]

Well done video! I appreciate that you kept it simple and layered just the right amount of functionality/complexity until complete. I will definitely check out this module. Looks promising!

[@AaronSaundersCI]

glad you found it helpful.