examples-next-prisma-starter
zart
examples-next-prisma-starter | zart | |
---|---|---|
5 | 5 | |
665 | 667 | |
2.1% | - | |
8.4 | 3.6 | |
6 days ago | over 1 year 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.
zart
-
Type-safe env variables
Disclaimer: This post is inspired by env-safe by @alexdotjs and his recent Twitter reply to my thread, where he suggested handling environmental variables in Typescript with a generic schema validation library over a dedicated library. If youβre not following Alex on Twitter yet, you should definitely do it now!
-
a first look at create-t3-app
Thankfully, my hopes were fulfilled when lead tRPC maintainer, Alex Johansson opened a PR with a tRPC Cell example that he acknowledged was influenced by RedwoodJS.
-
The type-safe guide to tRPC
Follow Alex aka Katt, the creator of tRPC.
- Best way to share code between React App, React Native App, and NodeJs server?
-
Best React Developer Experience?
The zART Stack looks perfect for a workflow that includes web and native mobile apps.
What are some alternatives?
trpc-nextjs - next.js + tRPC example
zustand - π» Bear necessities for state management in React
create-t3-app - The best way to start a full-stack, typesafe Next.js app
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
zodios - typescript http client and server with zod validation
SWR - React Hooks for Data Fetching
pothos - Pothos GraphQL is library for creating GraphQL schemas in typescript using a strongly typed code first approach
focal - Program user interfaces the FRP way.
Incredible - Incredible drastically simplifies creation of developer video content. It offers a unified workflow to storyboard, record, collaborate and produce the video.
zod - TypeScript-first schema validation with static type inference
garph - Fullstack GraphQL Framework for TypeScript
visx - π― visx | visualization components