Jay Simonsdesignly.hashnode.dev·Jan 1, 2025Full-Stack Next.js 15 Development Using Zod, Typescript, tRPC, react-query, and Sequelize ORMI've been developing web apps since the 90's (think Perl and cgi-bin). Since then I must have gone through a hundred different frameworks, platforms and libraries. But now I think I've found the perfect stack for Next.js development. Let's take a loo...Next.js
Ramu Narasingathinkthroo.hashnode.dev·Dec 10, 2024How the userId is added to the tRPC ctx in LobeChat source code?In this article, we analyse how the currently logged-in userId is added to the tRPC ctx by reviewing LobeChat source code. I recommend reading this tRPC setup to relate to the concepts explained in this article. But before that, I want to explain how... Clerk Auth
Ramu Narasingathinkthroo.hashnode.dev·Nov 2, 2024arrayToDict function in tRPC source codeIn this article, we analyze arrayToDict function found in tRPC source code. // https://github.com/trpc/trpc/pull/669 function arrayToDict(array: unknown[]) { const dict: Record<number, unknown> = {}; for (let index = 0; index < array.length; index+...JavaScript
Ramu Narasingathinkthroo.hashnode.dev·Nov 1, 2024httpBatchLink types in tRPC source code explainedIn this article, we analyze the httpBatchLink types found in the tRPC source code. But first, you would want to knowwhat is httpBatchLink. httpBatchLink: Below is an example picked from the tRPC vanilla setup guide. import { createTRPCClient, httpBat...JavaScript
Ramu Narasingathinkthroo.hashnode.dev·Oct 31, 2024Istanbul usage in tRPC source codeIn this article, we analyze Istanbul usage in tRPC source code. I found this comment — istanbul ignore if. This hints that tRPC uses Istanbul.js, a tool that makes JavaScript test coverage simple. This one took me a while to figure out that tRPC repo...JavaScript
Ramu Narasingathinkthroo.hashnode.dev·Oct 25, 2024rollup-plugin-analyzer usage in trpc scriptsIn the previous article, we provided a mental picture of functions in analyzeSizeChange.ts file, In this article, let’s find out how the actual size change is analyzed. import analyze from 'rollup-plugin-analyzer'; export default function analyzeSize...JavaScript
Ramu Narasingathinkthroo.hashnode.dev·Oct 24, 2024analyzeSizeChange script in tRPC source codeIn this article, we provide an overview of analyzeSizeChange script in trpc source code. This file has the following functions: 1. func analyzeSizeChange2. func onAnalysis3. type GitHubLogType4. type GitHubLogOptions5. func logNewModule6. func logDif...JavaScript
Ramu Narasingathinkthroo.hashnode.dev·Oct 23, 2024kodiak.toml in tRPC source codeIn this article, we analyze kodiak.toml found in tRPC source code. Kodiak Automate your GitHub Pull Requests using Kodiak Auto Update — Keep your PRs up to date with master automatically Auto Merge — Add the automerge label to auto merge once CI an...kodiak
Lakshay vaishnavlakshayvaishnav.hashnode.dev·Jul 21, 2024What are tRPC's and why they are better than RESTFUL API'SIn order to understand tRPC'S first we need to understand what are RPC'S What are RPC'S RPC's stands for remote procedure calls and as the name suggests it is a protocol used in network programming that allows a program to execute a procedure (a bloc...44 readstrpc
Rakesh Potnuruitsrakesh.hashnode.dev·Jul 19, 2024Let's Build a Full-Stack App with tRPC and Next.js App routerPublished from Publish Studio Are you a typescript nerd looking to up your full-stack game? Then this guide is for you. The traditional way to share types of your API endpoints is to generate schemas and share them with the front end or other servers...Full-Stack App with tRPC and Next.js App routertrpc
