examples-next-prisma-starter
create-t3-app
examples-next-prisma-starter | create-t3-app | |
---|---|---|
5 | 3 | |
665 | 1,186 | |
2.1% | - | |
8.4 | 9.4 | |
6 days ago | almost 2 years ago | |
TypeScript | TypeScript | |
- | MIT License |
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.
create-t3-app
-
a first look at create-t3-app
Nexxel was blogging about tRPC in May right before launching the framework. Build end to end typesafe APIs with tRPC signaled the birth of the framework on May 21, 2022 along with an initial commit on May 20, 2022. Originally called Create Nex App, the README described the project like so:
-
How I turned a Viral TikTok trend into a Web Application with Next.js
My inspiration for this project was the incredible work of Theo from Ping Labs an ex-Twitch developer. I closely followed his development video for Roundest Pokemon, as it highlighted the same tech stack that I was interested in using. The T3 stack consists of TypeScript, Next.js, Prisma, and tRPC to create an end-to-end type-safe full-stack development ecosystem, with Tailwind CSS on top for styling. In addition, to quick-start the creation of my app with this stack, I used the create-t3-app CLI, which is maintained by his wonderful community.
-
t3 stack and my most popular open source project ever
create-t3-app recently reached 90 stars on GitHub and is my most popular open source project with a lot of people contributing. Now you may be wondering, what the hell is it? Let's take a look at the t3 stack and how you can use create-t3-app.
What are some alternatives?
trpc-nextjs - next.js + tRPC example
documenso - The Open Source DocuSign Alternative.
create-t3-app - The best way to start a full-stack, typesafe Next.js app
trpc-fe-boilerplate-next - ⚒️ Minimal tRPC frontend Nextjs boilerplate for separate BE-FE repositories. Easily consume fully typesafe APIs.
zodios - typescript http client and server with zod validation
trpc-api-boilerplate - ⚒️ Minimal tRPC API boilerplate for separate BE-FE repositories. Easily publish fully typesafe APIs that any frontend can consume.
pothos - Pothos GraphQL is library for creating GraphQL schemas in typescript using a strongly typed code first approach
create-nex-app - create websites using my preferred stack
Incredible - Incredible drastically simplifies creation of developer video content. It offers a unified workflow to storyboard, record, collaborate and produce the video.
nextjs-ecommerce - A modern e-commerce example built with Next.js, TypeScript, and Tailwind CSS. Currently migrating to App Router and from Strapi to Shopify.
garph - Fullstack GraphQL Framework for TypeScript
http-request-ai-generator - Tool that generates HTTP requests for any programming language using Artificial Intelligence.