trpc-nextjs
examples-next-prisma-starter
trpc-nextjs | examples-next-prisma-starter | |
---|---|---|
1 | 5 | |
13 | 665 | |
- | 2.1% | |
4.0 | 8.4 | |
almost 2 years ago | 5 days ago | |
TypeScript | TypeScript | |
- | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
trpc-nextjs
-
Build end-to-end typesafe APIs with tRPC
Code: https://github.com/nexxeln/trpc-nextjs
examples-next-prisma-starter
- Potrebna mi je smernica/pomoc oko Next.js 13
-
Full-Stack TypeScript with tRPC and React
Here's an example of testing: https://github.com/trpc/examples-next-prisma-starter/blob/ma...
-
T3 Stack: Prisma, tRPC error
{ e.preventDefault(); const $form = e.currentTarget; const values = Object.fromEntries(new FormData($form)); type Input = inferProcedureInput< AppRouter["dailyActivity"]["addDailyActivity"] >; // ^? const input: Input = { name: values.title as string, timeSpent: values.text as string, }; try { await addActivity.mutateAsync(input); $form.reset(); } catch (cause) { console.error({ cause }, "Failed to add post"); } }} > Title: Text:
{addActivity.error && ({addActivity.error.message}
)})
So I am copying/learning the logic from https://github.com/trpc/examples-next-prisma-starter. In this code, there is no ID provided in the query, yet in my code, I get the error that I need to provide an ID. Since the ID in the prisma schema is cuid() doesn't that mean that is autogenerated? What am I missing?
-
Type-safe env variables
In this quick blog post, I will use one of TRPC's examples available on GitHub to explain this concept in real life and then show you how to handle default values in development mode.
-
Replacing Nexus
A bit of heresy to post this in the GraphQL subreddit but another alternative is tRPC + Prisma. I was testing both Pothos and tRPC yesterday and the latter is just so simple while still giving you full end-to-end type safety.
What are some alternatives?
trpc-sveltekit - End-to-end typesafe APIs with tRPC.io for your SvelteKit applications.
create-t3-app - The best way to start a full-stack, typesafe Next.js app
zod - TypeScript-first schema validation with static type inference
zodios - typescript http client and server with zod validation
react-query - ๐ค Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]
pothos - Pothos GraphQL is library for creating GraphQL schemas in typescript using a strongly typed code first approach
nx - Smart Monorepos ยท Fast CI
Incredible - Incredible drastically simplifies creation of developer video content. It offers a unified workflow to storyboard, record, collaborate and produce the video.
Superstruct - A simple and composable way to validate data in JavaScript (and TypeScript).
garph - Fullstack GraphQL Framework for TypeScript
foundation - GraphQL Foundation Charter and Legal Documents
envsafe - ๐ Makes sure you don't accidentally deploy apps with missing or invalid environment variables.