My Tech Stack I've Used To Build 10+ Apps Over 2+ Years
Links to all the tools I use:
Vercel: vercel.com/
Posthog: posthog.com/
Planetscale: planetscale.com/
Supabase: supabase.com/
Clerk: clerk.dev/
NextJS: nextjs.org
I built a database of case studies of startups that have successfully grown through organic social media marketing for you to learn from their playbook: thecontentmarketingblueprint....
Follow me on TikTok: / youraveragetechbro
Follow me on Instagram: / youraveragetechbro
Пікірлер: 96
I built a database of case studies of startups that have successfully grown through organic social media marketing for you to learn from their playbook: thecontentmarketingblueprint.com/?
@davepeace603
3 сағат бұрын
render is great!
Very good video, and in case you need to handle queues in the backend for complex pipelines or tasks with cron jobs, what do you use in your stack?, or maybe to handle web-sockets?. Again amazing video !!!
Nice one! Have you tried Neon as db provider? Also, have you tried the vercel postgres provider? Any feedback there? Also, do you use any ui library on top of that? And lastly (if you are willing to share), what is your process for app ideas? Cheers!
Some other technology I use that I forgot to mention: Stripe for payment processing (although have been looking into using something like LemonSqueezy because they handle taxes for you) TailwindCSS to style my web apps Prisma ORM for db stuff
@hbfl3x50
Ай бұрын
amazing stackk, jus like mine
@ibnurasikh
27 күн бұрын
i've been using LemonSqueezy for some of my client's site, honestly it's hard, really hard, and wasting time. besides the UI is so much nicer than paddle, but both of them is very hard to implement in Next JS ecocystem, what i mean by hard is you must set up all manually, including the typescript stuff. yeah they do not have an SDK for react ecosystem, even for the javascript the SDK is too basic, very very basic. and also the cold start is very slow (i don't know what they're using, maybe lambda). the only reason i stay using lemonsqueezy is because stripe is not available in my country and most of my clients country. better stay to stripe or spending a much more time to build your own SDK or LemonSqueezy API wrapper.
Thank you very much, I have really learned a lot. I viewed from Ghana.
Would be great to see how you structure your templates to speed up your process and what templates you use the most! Cheers
@YourAverageTechBro
Ай бұрын
hahaha I wish I had a structure for my templates. Honestly all rogue copy/pasting across old projects 😬
@PrMovies0
23 күн бұрын
@@YourAverageTechBro please make one video folder structure that u have generally used in your projects please 🥺
hmm interesting choice of clerk for auth, over the supabase auth. beside of clerk is very very cheap and have a nice pricing mechanism, but clerk is vendor locking, while supabase is more open. yes i know they have so much features that will help kickstart your application so much faster than supabase auth it self. but personally i think the more dependencies you have, the more difficult it is to maintain.
Thanks for your sharing. I am also fullstack web developer and I am passionate about development. However, I concern about AI. I am kinda mid level since I've been coding for 3 years. Should I stop learning new things on web development if AI will replace my job? or keep consisting to improve myself and making products? what do you suggest me
Thanks for the info!. Just a quick question, you only use server actions as your backend?
@YourAverageTechBro
Ай бұрын
Yep! Havent needed to host my own server yet since serverless is pretty good
@alea5465
29 күн бұрын
@@YourAverageTechBro, thanks for the answer. I formulated the question incorrectly, what i wanted to know is if you use any type of API layer (other than calling third party services)?, I have heard that not using it will end up in a non scalable app in the long run. However, I have read also that "premature optimization is the root of all evil".
can I use supabase to show data from database as advertisement to users in sync in queue real time ?
Thanks for the rundown. I currently have to convert a next js app to mobile. What would you use for that?
@YourAverageTechBro
Ай бұрын
Probably react native w/ expo since they are both react based!
@Ayoubased
Ай бұрын
nevre tried next but heard expo follows the same file structure routing system and it sounds like its gonna make it easy for u
with NextJS/Vercel being serverless, what do you use when you need websockets? for example, for a minimal real-time chat feature?
@YourAverageTechBro
27 күн бұрын
Haven’t quite had the need for that yet 😬 can’t give an answer quite yet
what did you find bad at firebase that made you run away from it?
5:35 Server List Function?? did you preview before upload?? lol
@YourAverageTechBro
23 күн бұрын
Hahaha woops, typos happen 😬
should I learn SQL/POSTGRES individually before learning supabase?
@YourAverageTechBro
Ай бұрын
Nah I’d just dive deep into supabase and figure it out as you go haha. Get ready for a lot of googling/chatGPT tho 😬
What would you recommend to use for a blob storage? I need to implement images upload and I am not too sure what to use. Either aws s3 bucket or vercel's new blob storage?
@YourAverageTechBro
4 күн бұрын
Vercel blob storage is pretty expensive last time I checked. I'd probably stick with s3
That’s the same stack I’m using. So many great open source solutions
@YourAverageTechBro
22 күн бұрын
it's a great time to be a developer right now for sure
Extremely W stack. I’d go supabase over Planetscale but meh nitpicks
clerk has some issue as its renders your whole site in dynamic way Kinde is better alternate. btw my tech stack for last 4 month : Next js , supabase , kinde , prisma orm/drizzle tailwand and stripe
@YourAverageTechBro
Ай бұрын
I've heard about Kinde before but never quite tried it out. I'll look into it.
@proharbiswas3056
Ай бұрын
superbase already has auth,why need more?
@zainn7336
22 күн бұрын
@@proharbiswas3056 its not working fine
@zainn7336
22 күн бұрын
@@YourAverageTechBro yeak its good
what resource do you recommend for learning supabase bro? for someone totally new to databases and backend
@YourAverageTechBro
15 күн бұрын
I think there are lots of tutorials on KZread that can be helpful. But if I'm also being honest I think the best way to learn is just to dive deep into it and learn by trial by fire haha
So you use TypeScript?
With Clerk and NextJS, doesn’t ClerkProvider prevent static page generation? How do you deal with this or are the performance benefits just not worth it for your app?
@devardilshad3944
9 күн бұрын
I'm also new to this, but if you want any of part of your app to be secured it has to be dynamically generated. feel free to correct me if I'm wrong.
@noodlespwn42
9 күн бұрын
@@devardilshad3944 Cool yeah that’s what I thought as well
Good looks
Bro can you cover how you learned how to code ? Like your resources and studying tips
@seaweedglob
Ай бұрын
Odin Project, my guy. If you're intersted in python, learn the basics then go through the Django tutorial. Best thing you can do after that is just build shit. Stop going through tutorials, stop buying courses. Just build things out and supplement your knowledge gaps as you go.
@YourAverageTechBro
Ай бұрын
Odin project is a great free, open source resource. I studied coding in school + took some classes on udemy to learn my stuff stuff but if I were starting from scratch I would definitely check out Odin Project.
What camera and lighting do you use
@YourAverageTechBro
4 күн бұрын
this video was filmed on a dji osmo pocket 3!
Supabase Auth is any good? Is it better or worse than Clerk/Kind?
@YourAverageTechBro
Ай бұрын
It's been quite a few months since I've last used Supabase, but from my last impression I found that Clerk did a lot more "out of the box" and had a lot more pre-built components that handle auth logic whereas Supabase's out of the box component was a bit lacking. Once again it's been a while since I've used Supabase auth so my opinions could be a bit dated haha
@InfoVerseNetwork
Ай бұрын
@@YourAverageTechBro thanks brother, you replying to my comment means a lot to me. It was a Really helpful video.
what’s your thought on Flutterflow & Firebase?
@YourAverageTechBro
2 күн бұрын
i've heard great things! I've personally never used it though.
@jaypsanchez9481
2 күн бұрын
@@YourAverageTechBro appreciate it, love your content btw thank you! (web developer learning backend)
How about appwrite instead of supabase, your thoughts
@YourAverageTechBro
Ай бұрын
haven't used it before so I don't have too much thoughts on it quite yet.
@noname_160
23 күн бұрын
Its good though but its db structure is nosql type and i remember u can have sql in supabse so if u prefer sql then supabase is good
digital ocean can replace your heroku and planet scale. Cloudflare should be in every stack.
@YourAverageTechBro
22 күн бұрын
ah yes I do use cloudflare on all my websites. Forgot to mention that.
hey man, what are your thoughts on turborepo, trpc and other fancy stuff.
@YourAverageTechBro
Ай бұрын
they're definitely useful and I can see why people like them, but right now learning a new tech stack isn't my priority and my main priority is just building + shipping fast so I'm happy sticking with the tech stack that I know 🙂
Hi sir....loved your video....U know i used to wonder how a professional Full Stack Dev handles all this stuff Hosting ,Auth,DB etc...I just want to ask u that is it ok for me to code in NextJs now ...since I have completed MERN and i am pretty confident in ReactJs....also there is this project that I been trying to build and i want to incorporate a ad reccomendation system in my backend...how should i do it ??...Can i somehow connect my python code into Express...How do i run that Python code into my NodeJs server?? Plss...provide me just some hint...
@pranitmane
Ай бұрын
If you are comfortable with MERN already, then nextjs won't be difficult at all. To answer your second question, yes you can run python code in nodejs using a child process.
@mr.vedantupadhyay3429
Ай бұрын
@@pranitmane Thanks a lot ...I got it...just read a medium article on child process...Thanks
Clerk is amazing and quite cheap
@YourAverageTechBro
Ай бұрын
agreed! it's great.
@boyo_23
Ай бұрын
not as cheap as supabase tho
R.i.p. planetscale😢
did you try Svelte JS
@YourAverageTechBro
Ай бұрын
I haven’t but I’ve been meaning to!
@upsxace
29 күн бұрын
I'm waiting for Svelte 5 release. Before Svelte 5 I don't think it's worth to have Svelte as main framework. Svelte 5 is the upgrade that Svelte needed to be as good as React IMHO
What about all the bots on the net? Wouldn’t they increase your Vercel costs?
@YourAverageTechBro
23 сағат бұрын
I haven't seen any issues with bots increasing costs 🤷
Sql vs nosql (mongodb) database
Nice :)
Trpc?
@YourAverageTechBro
Ай бұрын
Nope just normal nextjs14 with server actions + route handlers
audio is not consistent, great video though ty
Are you sitting next to me on a Jetblue flight right now
Yo bro, How do you sync your database with clerk?
Bro deploying the applications on aws or heroku has given me chest pains lmao. It is so annoying
@YourAverageTechBro
28 күн бұрын
I agree haha it is way harder than it should be
Based
htyhyttyh
You're so fucked if any of your apps experience explosive growth
@proharbiswas3056
Ай бұрын
because of clerk?
@YourAverageTechBro
Ай бұрын
That’s a problem i would love to have haha
@matthewbridges3147
Ай бұрын
@@proharbiswas3056 because all those platforms, supabase, vercel, not sure about clerk, charge 4-10x the price of running a box with some software to do the equivalent
@LNcreative
Ай бұрын
why tho?
@PM_FC
29 күн бұрын
What is the bottleneck?