examples-next-prisma-starter
trpc-nextjs
examples-next-prisma-starter | trpc-nextjs | |
---|---|---|
5 | 1 | |
665 | 13 | |
2.1% | - | |
8.4 | 4.0 | |
6 days ago | almost 2 years 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.
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.
trpc-nextjs
-
Build end-to-end typesafe APIs with tRPC
Code: https://github.com/nexxeln/trpc-nextjs
What are some alternatives?
create-t3-app - The best way to start a full-stack, typesafe Next.js app
trpc-sveltekit - End-to-end typesafe APIs with tRPC.io for your SvelteKit applications.
zodios - typescript http client and server with zod validation
zod - TypeScript-first schema validation with static type inference
pothos - Pothos GraphQL is library for creating GraphQL schemas in typescript using a strongly typed code first approach
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]
Incredible - Incredible drastically simplifies creation of developer video content. It offers a unified workflow to storyboard, record, collaborate and produce the video.
nx - Smart Monorepos ยท Fast CI
garph - Fullstack GraphQL Framework for TypeScript
Superstruct - A simple and composable way to validate data in JavaScript (and TypeScript).
envsafe - ๐ Makes sure you don't accidentally deploy apps with missing or invalid environment variables.
foundation - GraphQL Foundation Charter and Legal Documents