Build a Full-Stack CRUD Realtime App: Next.js 13 App Directory, Postgres, Deploy to Vercel + Ably

Описание: By the end of this video, you will understand how to build a full-stack CRUD app with real-time capabilities, and deploy it to either a Node.js server (Railway.app), or a serverless cloud (Vercel) and real-time platform (Ably). The following technologies are used in this tutorial:

Next.js 13 App Directory
TypeScript
Remult (https://remult.dev | https://github.com/remult/remult)
NextAuth.js
Postgres

GitHub Repository: https://github.com/remult/next-crud-w...

00:00 Introduction
00:29 Create Next.js project
01:40 The Todo component
02:55 Define Task entity & API
06:17 Getting the tasks into the component
08:02 Server-side paging, sorting, and filtering
09:08 Create, update, and delete tasks
13:23 Styling
16:02 Validation
17:20 Realtime live query
18:48 Updating multiple tasks
20:05 Moving logic to the backend
22:11 Add Postgres database
23:40 Authentication using NextAuth
32:18 User roles and permissions
36:08 Deploy to Railway.app
39:46 Deploy to Vercel
44:32 Use Ably for serverless live queries

Full step-by-step tutorial with code: https://remult.dev/tutorials/react-next/