tRPC Alternative for Nuxt Application

preview_player
Показать описание
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.

💥 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
--------------------------

💥 Social Media
--------------------------

#typescripttutorial #nuxtjs #typescript #sqlite #sqlite3 #bettersqlite
  1. Aaron Saunders
  2. t3 stack
  3. web development
  4. trpc tutorial
  5. javascript
  6. typescript
Рекомендации по теме
tRPC Alternative for 0:27:40

tRPC Alternative for Nuxt Application

I Quit tRPC. 0:08:00

I Quit tRPC. Here's What I Do Instead

Don't Migrate To 0:03:39

Don't Migrate To tRPC

Why I Use 0:03:45

Why I Use Fetch (And Not tRPC / SWR)

tRPC Nuxt - 0:18:42

tRPC Nuxt - Part 1 - Getting Started

Do I even 0:05:41

Do I even need this anymore?

End-to-end type safety 0:21:39

End-to-end type safety using Nuxt and tRPC by Cody Bontecou: Nuxt Nation 2022

Authentication Doesn't Get 0:05:04

Authentication Doesn't Get Easier Than This

Rapid Fullstack Development 0:28:18

Rapid Fullstack Development with Nuxt 3 and tRPC by Cody Bontecou: Vue.js Nation 2023

Why I Don't 0:06:51

Why I Don't Use NextJS For My Side Project Anymore

Oh, Auth Doesn't 0:07:16

Oh, Auth Doesn't Have to Suck?

tRPC Mutations by 0:01:42

tRPC Mutations by Cody Bontecou: Vue js Nation 2023 Mighty Bites

I built an 0:09:45

I built an app in 400 lines of code

The Ultimate API 0:10:49

The Ultimate API Showdown: Server Actions, tRPC, GraphQL, and REST Compared!

Drizzle ORM in 0:02:54

Drizzle ORM in 100 Seconds

This is the 0:09:25

This is the best way to protect your APIs

Don't Use Websockets 0:06:46

Don't Use Websockets (Until You Try This…)

Why I'm Using 0:05:23

Why I'm Using Express Instead of NextJS

Why People Aren't 0:05:55

Why People Aren't Deploying to Vercel Anymore

I tried 8 0:09:46

I tried 8 different Postgres ORMs

Supabase in 100 0:02:37

Supabase in 100 Seconds

Do you REALLY 0:18:15

Do you REALLY need SSR?

I Have A 0:05:46

I Have A New Favorite Database Tool

Why Don't We 0:12:36

Why Don't We Have A Laravel For JavaScript?

Комментарии
Автор

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!

nickzippity
Автор

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 Youtube 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.

prishanf
Автор

A nice video, always cool to see other ways of sovling a problem.

What is the feature you currently like the most in Nuxt?

And which feature would you like to see to be added?

I personnally like the auto imports the most about nuxt.

I would like to get an option to render stuf, like qwik. A kind of super lazy load system. Or even combined with an island type of system.

wertin
Автор

is it mean trpc can do a real time data?

yoskokleng