Тёмный

This CLI Changed How I Start Projects 

Josh tried coding
Подписаться 162 тыс.
Просмотров 23 тыс.
50% 1

Опубликовано:

 

25 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 89   
@shivamvijaywargi
@shivamvijaywargi Год назад
Would love to see a real case project with all of this together.
@eshw23
@eshw23 Год назад
Thank you for consistently making these videos to keep us up to date on everything. I've applied so much of to my own projects and it helped a lot.
@joshtriedcoding
@joshtriedcoding Год назад
Very happy to hear that man. Really means a lot. Cheers
@helleye311
@helleye311 Год назад
I've been waiting for t3 stack to update to the app router myself. Happy to see this! especially since it also comes with shadcn ui and drizzle. Will definitely use this for the next side project!
@joshtriedcoding
@joshtriedcoding Год назад
Oh yeah having tRPC now work w/ the app router is so nice. Cheers man
@TheIpicon
@TheIpicon Год назад
damnnnn, this is crazy and for the app router too. In contrast to your ending I actually liked that your content is for "mature" programmers
@joshtriedcoding
@joshtriedcoding Год назад
thanks for the feedback!
@alexandru-gabrielmanea4495
@alexandru-gabrielmanea4495 Год назад
Wow, you read my mind. Helping us like always. It was exactly what I was looking for. Thanks, keep up with the good stuff!
@joshtriedcoding
@joshtriedcoding Год назад
appreciate ya dude
@joshuasingh854
@joshuasingh854 Год назад
What would be useful is showing how you would create a full stack booking app with this setup! Thanks Josch, you're the best 🎉
@joshtriedcoding
@joshtriedcoding Год назад
haha kind of revisiting that one project from like a year ago :D Honestly, I'm unsure of whether or not drizzle makes sense for these more involved videos. I decided to go with Prisma for the next to not overwhelm beginners with all the new tools, just makes it much easier to follow along. That said, drizzle is really fun to write and I use it in all my personal projects
@raymondmichael4987
@raymondmichael4987 Год назад
@@joshtriedcoding , even I prefer prisma makes easier to follow along because I always use mongodb.
@deividasmacavariani8684
@deividasmacavariani8684 Год назад
Great, thank you for sharing these amazing tools👍
@meijichocolate7540
@meijichocolate7540 Год назад
This looks so useful! Thanks for sharing this with us, we appreciate it :)
@therollingambit5222
@therollingambit5222 Год назад
I really hope ur channel get 100k subs soon! Ur content is amazinggggg. Keep up the good work :)
@pjholmes2
@pjholmes2 Год назад
Thank you for these great videos Josh.
@joshtriedcoding
@joshtriedcoding Год назад
Cheers man!
@TheIpicon
@TheIpicon Год назад
kirimase has a ton there! like auto generating new models and trpc routes
@joshtriedcoding
@joshtriedcoding Год назад
yeah and for it being so new I am really impressed
@vibray0
@vibray0 Год назад
im looking forward to test this in a lil project!
@joshtriedcoding
@joshtriedcoding Год назад
hell yeah let me know how it goes for ya
@tculig
@tculig Год назад
"Y'all can read do I'm not gonna repeat the title", best intro to a video ever! XD
@adehenry9591
@adehenry9591 Год назад
Another fantastic video. Thanks josh....i have a similar set up that makes it possible to use tRPC both in client and server components...tRPC is rising again guys!
@saurabh75prakash
@saurabh75prakash Год назад
Looks like t3-stack killer.
@MirkoVukusic
@MirkoVukusic Год назад
yes, it seems t3 stack is moving slow. Appdir, drizzle, tRPC with AppDir... still not stable. But Im sure they'll catch up soon.
@realitydesigners
@realitydesigners Год назад
This was awesome I’ll use this
@raymondmichael4987
@raymondmichael4987 Год назад
Would like to see protected route implementation with trpc in app router. This tool will help a loot . Thanks buddy 😊
@joshtriedcoding
@joshtriedcoding Год назад
Cheers man!
@luisbauu
@luisbauu Год назад
T3-stack but for the app router ✨
@joshtriedcoding
@joshtriedcoding Год назад
yeah!
@diogoribeiro868
@diogoribeiro868 Год назад
i used that today, very good
@bryson2662
@bryson2662 Год назад
damn, this is nice. thank you
@mh_dev
@mh_dev Год назад
Keep up the good work
@keshavakumar9828
@keshavakumar9828 Год назад
This is mind blowing 😮
@joshtriedcoding
@joshtriedcoding Год назад
pretty neat yep
@MirkoVukusic
@MirkoVukusic Год назад
tRPC is not only client side. Can be used on server side too which is nice to avoid writing duplicate queries
@anonanon7368
@anonanon7368 Год назад
not a good idea to hit another api endpoint when you're already on the server
@nelsonfrz
@nelsonfrz Год назад
Yes @anonanon7368 is right. But kirimase generates regular functions for every action (which are the single source of truth btw) and these be used on the server. That is pretty neat imho
@MirkoVukusic
@MirkoVukusic Год назад
@@anonanon7368 , for the benefits its a very small loss. I dont see much difference in hitting db query alone or hitting api+db when db query alone is 95% of work most of the time. Also, api lets me play with caching responses much easier, which will save a lot of db query executions, thus reducing the load on server(s) in the long run
@0xtz_
@0xtz_ Год назад
Just tried it it's 🎉 amazing
@bibblebabl
@bibblebabl Год назад
Wait a second, but why tRPC is fully client-side? I thought that Jack H shows in his example how to create a server router as well?
@anasouardini
@anasouardini Год назад
Why there is no one project builder that helps setup all popular dev tools? I like Vite currently but why all builders support a really limited set of tools. For instance: Vite doesn't add Taiwind for you, although it's really simple task. I'm asking because I thought there might be an already existing solution that I don't know of. In an ideal situation, I imagine it would be covering from choosing the package manager to installing libraries and picking config files templates (TS, Nodemon, postcss, etc)
@mllavez
@mllavez Год назад
6:41 - 6:50 it doesn't recognize it as an array. ERROR: Property 'map; does not exist on type '{ computers: { id: number; brand: string; cores: number; }[]; }'.
@StephenRayner
@StephenRayner Год назад
Nice man, I liked that your videos are not beginner friendly. Allows me to get what I need quicker
@joshtriedcoding
@joshtriedcoding Год назад
haha cheers thanks for the feedback
@craigcaski
@craigcaski Год назад
Very cool. Seems like t3 for app router with drizzle instead of prisma.
@joshtriedcoding
@joshtriedcoding Год назад
it does!
@breakinggood-r2v
@breakinggood-r2v Год назад
how do you find this kind of stuff, it's really cool tq
@joshtriedcoding
@joshtriedcoding Год назад
the creator reached out on twitter and somebody in my discord told me about it too :)
@kerimismail5562
@kerimismail5562 Год назад
Hey really good Video👍 I want to start a project with that but i would love a deeper Tutorial ok the database setup in Produktion and APIs.
@replicant9611
@replicant9611 Год назад
Weird but I am getting 404 page with fresh project. This CLI has a bug
@unfocuseddev4921
@unfocuseddev4921 Год назад
Same here, I even provided error details a few days ago but for some reason my comment doesn't show up here. I've tried on two different machines (PC and Mac).
@nicoalbanese10
@nicoalbanese10 Год назад
@replicant9611 @@unfocuseddev4921 double check that you don't have two app directories. I've run into the issue before where you install shadcn-ui without updating the path to the globals.css file (if you're using src directory), and it creates a new app directory with a globals.css file. Nextjs will then prioritise that directory over the original.
@unfocuseddev4921
@unfocuseddev4921 Год назад
@@nicoalbanese10 Thanks man, that was it, it runs fine now! Now I see that the author of kirimase indeed changes the default directory in his video presentation, but Josh skips that part of the configuration in his video. I'm surprised me and @replicant9611 were the only ones to run into this problem - looks like the other people commenting were either smart enough to realise that the default path needs adjusting or didn't run the cli themselves.
@TheBuddilla
@TheBuddilla Год назад
Someday they will have a nice implementation of credentials logins. Most clients, at least mine, want username/email logins.😒
@karimelnemr8610
@karimelnemr8610 Год назад
I wonder why I have to use all of these things, where I can just init an app with next.js and supabase and get all this benefits without any additional packages or work, to be specific (I'm taking about database, storage and auth with type safety all over it, client and server with supabse type generator)!?
@joshtriedcoding
@joshtriedcoding Год назад
hmm it mostly comes down to being flexible on your setup. Not everybody is a tRPC fan, neither with any tool out there. I really like that it's all opt-in instead of shipping by default, makes the core project pretty slim
@regrioz
@regrioz Год назад
please make another big project like breddit with these methods together
@gautamjakhar3219
@gautamjakhar3219 Год назад
App dir supported with server trpc ???
@nabinsaud4688
@nabinsaud4688 Год назад
Server actions should be included too i think
@DunckingTest
@DunckingTest Год назад
Josh can you do a video explaining how a good file structure should be in nextjs
@joshtriedcoding
@joshtriedcoding Год назад
most times you'll be thrown into some sort of existing code and just go with what the team has already figured out. If you start a project from scratch, I usually keep all library-related stuff in a lib folder and some helpful functions inside of a utils folder
@kerimismail5562
@kerimismail5562 Год назад
How do you find the vercel postgres Solution compare to other database Providers?
@joshtriedcoding
@joshtriedcoding Год назад
have never used it, it caters more towards beginners that like to stay involved in the vercel ecosystem. That's not a bad thing at all, the setup is very easy. I personally prefer something like planetscale or neon though
@navinnarayanan7460
@navinnarayanan7460 Год назад
does this work with a t3 app? i just need to add drizzle
@yousafwazir286
@yousafwazir286 Год назад
yes ! start projects but never finish them 🤣
@6little6fang6
@6little6fang6 Год назад
🤯🤯
@sathishkannan6600
@sathishkannan6600 Год назад
Can trpc work in lambdas.
@mocambiquemaputomatola8238
@mocambiquemaputomatola8238 Год назад
Hi @josh i whould love if you develop a school management system with multiple schools❤
@kasper369
@kasper369 Год назад
Ai will not take my job this cli might
@joshtriedcoding
@joshtriedcoding Год назад
hahaha if your job just consists of setting up trpc, drizzle and next-auth for the app router it just might
@shayanCodingMaster
@shayanCodingMaster Год назад
Please share your vs code settings json file with us 😅😊
@nabinsaud4688
@nabinsaud4688 Год назад
Does this require already a next project
@joshtriedcoding
@joshtriedcoding Год назад
any sort of next project works, just not sure why you'd want to mess with your setup in an existing, larger codebase
@nabinsaud4688
@nabinsaud4688 Год назад
@@joshtriedcoding got it
@elormtsx
@elormtsx Год назад
🎉🎉
@SR-zi1pw
@SR-zi1pw Год назад
trpc in app router is hard
@aabishkarwagle8708
@aabishkarwagle8708 Год назад
seems like t3 stack on app dir
@sauravsanjel2977
@sauravsanjel2977 4 месяца назад
Is this cli dead
@Jack_Ranold
@Jack_Ranold Год назад
Am too noob to understand what he's doing
@julianbustos3079
@julianbustos3079 Год назад
But Josh it doesn't have clerk! :D
@joshtriedcoding
@joshtriedcoding Год назад
youre right D:
@SonAyoD
@SonAyoD Год назад
He should add clerk
@kssaiteja2005
@kssaiteja2005 Год назад
expecting a good full stack project from you with drizzle, nextjs, clerk, mysql, planetscale @joshtriedcoding
@joshtriedcoding
@joshtriedcoding Год назад
youre not gonna be disappointed. With prisma instead of drizzle to make it easier for beginners to follow along though :)
Далее
How Did I Not Know This TypeScript Trick Earlier??!
9:11
Learn NextJS's Superpower ISR in 15 Minutes
15:35
Просмотров 42 тыс.
бабл ти гель для душа // Eva mash
01:00
Cool Tools I’ve Been Using Lately
23:11
Просмотров 345 тыс.
React visually explained: 'use client'
15:57
Просмотров 55 тыс.
Wait, I REALLY Underestimated This Tool
8:07
Просмотров 20 тыс.
10 common mistakes with the Next.js App Router
20:37
Просмотров 223 тыс.
Using Images in Next.js (next/image examples)
9:10
Просмотров 112 тыс.
This Next.js Project is Awesome for Learning
11:17
Просмотров 46 тыс.
NSURLProtocol: How I Stole an App For My Wedding
56:25
I Made This Open-Source Project
7:22
Просмотров 70 тыс.
This Open-Source NextJS Project is a Game-Changer
12:19