My Tech Stack I've Used To Build 10+ Apps Over 2+ Years
Vložit
- čas přidán 13. 06. 2024
- Check out the Content Marketing Blueprint to learn how to market your SaaS product on social media: thecontentmarketingblueprint....
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
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/?
render is great!
I used Render and didn't die.
I don't use your tech stack at all, but I must admit the statement "I'll let someone else handle the infra for me" resonated with me. Devops is such a chore -- I'd also rather just focus on building the product!
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
amazing stackk, jus like mine
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.
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 !!!
Would be great to see how you structure your templates to speed up your process and what templates you use the most! Cheers
hahaha I wish I had a structure for my templates. Honestly all rogue copy/pasting across old projects 😬
@@YourAverageTechBro please make one video folder structure that u have generally used in your projects please 🥺
Thank you very much, I have really learned a lot. I viewed from Ghana.
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!
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
Good stuff re: a classic tech stack. Are you interested in more joint development opportunities?
can I use supabase to show data from database as advertisement to users in sync in queue real time ?
Extremely W stack. I’d go supabase over Planetscale but meh nitpicks
Thanks for the info!.
Just a quick question, you only use server actions as your backend?
Yep! Havent needed to host my own server yet since serverless is pretty good
@@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".
with NextJS/Vercel being serverless, what do you use when you need websockets? for example, for a minimal real-time chat feature?
Haven’t quite had the need for that yet 😬 can’t give an answer quite yet
Thanks for the rundown. I currently have to convert a next js app to mobile. What would you use for that?
Probably react native w/ expo since they are both react based!
nevre tried next but heard expo follows the same file structure routing system and it sounds like its gonna make it easy for u
That’s the same stack I’m using. So many great open source solutions
it's a great time to be a developer right now for sure
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?
Vercel blob storage is pretty expensive last time I checked. I'd probably stick with s3
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
I've heard about Kinde before but never quite tried it out. I'll look into it.
superbase already has auth,why need more?
@@proharbiswas3056 its not working fine
@@YourAverageTechBro yeak its good
Good looks
Serverless takes the fun out of it for me. I love building backends.
totally understandable. for me i love building the entire product experience so i loveeeeee serverless
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?
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.
@@devardilshad3944 Cool yeah that’s what I thought as well
5:35 Server List Function?? did you preview before upload?? lol
Hahaha woops, typos happen 😬
So you use TypeScript?
should I learn SQL/POSTGRES individually before learning supabase?
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 😬
So basically you can't provide a solution for a local butchers that wants to go online and do deliveries. All these outside services like the databases will eventually add to their cost if they are paying monthly subscription.
what resource do you recommend for learning supabase bro? for someone totally new to databases and backend
I think there are lots of tutorials on CZcams 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
Bro can you cover how you learned how to code ? Like your resources and studying tips
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.
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.
Supabase Auth is any good? Is it better or worse than Clerk/Kind?
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
@@YourAverageTechBro thanks brother, you replying to my comment means a lot to me. It was a Really helpful video.
R.i.p. planetscale😢
hey man, what are your thoughts on turborepo, trpc and other fancy stuff.
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 🙂
what did you find bad at firebase that made you run away from it?
i prefer sql databases over non sql
How about appwrite instead of supabase, your thoughts
haven't used it before so I don't have too much thoughts on it quite yet.
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
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...
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.
@@pranitmane Thanks a lot ...I got it...just read a medium article on child process...Thanks
What camera and lighting do you use
this video was filmed on a dji osmo pocket 3!
What about all the bots on the net? Wouldn’t they increase your Vercel costs?
I haven't seen any issues with bots increasing costs 🤷
what’s your thought on Flutterflow & Firebase?
i've heard great things! I've personally never used it though.
@@YourAverageTechBro appreciate it, love your content btw thank you! (web developer learning backend)
digital ocean can replace your heroku and planet scale. Cloudflare should be in every stack.
ah yes I do use cloudflare on all my websites. Forgot to mention that.
Are you sitting next to me on a Jetblue flight right now
Planet scale take money. They remove the free tier. What you will choose now?
Sql vs nosql (mongodb) database
Nice :)
audio is not consistent, great video though ty
Yo bro, How do you sync your database with clerk?
Clerk is amazing and quite cheap
agreed! it's great.
not as cheap as supabase tho
did you try Svelte JS
I haven’t but I’ve been meaning to!
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
Trpc?
Nope just normal nextjs14 with server actions + route handlers
It's mid 2024 now. With all the money in no code/low code, why has no one built a SaaS Depot all-in-one platform?
All the places that are fertile to create new businesses are on the margins and require a more bespoke approach to the code you’re writing. If you can do that, it doesn’t make sense to spend more time and effort building it for someone else
Yes, agreed. But there seems to be a new website and web app builder tool released every week. That's a lot of time and money chasing the "citizen developer". There are a few full stack, jump start, boilerplates on the market.
Feature plugs 😂😂😂
Where do you host your server?
I am going to host my server for free.
I don’t host a server. Other tools like vercel host everything for me
Based
Bro deploying the applications on aws or heroku has given me chest pains lmao. It is so annoying
I agree haha it is way harder than it should be
sorry but you need a good mic
appreciate the feedback! will look into getting a better mic in the future.
htyhyttyh
You're so fucked if any of your apps experience explosive growth
because of clerk?
That’s a problem i would love to have haha
@@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
why tho?
What is the bottleneck?
Argh! Why the background music is so distracting?! I had to stop watching as it was so annoying. Either reduce the volume or turn it off.
sorry to hear that!
Good stuff on a classic tech stack. Contact me if interested in more joint development opportunities.