Why build an Open Source SaaS
14:40
Full Stack AI = magic ✨
10:11
Жыл бұрын
The code behind shadcn/ui CLI
25:04
Пікірлер
@joshuaolusayo
@joshuaolusayo 4 күн бұрын
Thank you. You just saved me of hours of debugging
@AssiaElhafid
@AssiaElhafid 8 күн бұрын
did they remove the ai functionality in the GitHub repo? I dont see it.
@scott5087
@scott5087 10 күн бұрын
amazing!! thank you so much
@ARSHADKHAN-hc6pb
@ARSHADKHAN-hc6pb 13 күн бұрын
@rehanmomin1760
@rehanmomin1760 17 күн бұрын
I am finding this really great so far. Can we execute tests in parallel ? is there any reporting library we can use with this ?
@elie2222
@elie2222 17 күн бұрын
Hmm. I think they run sequentially. But don’t remember the codebase well enough. You could hit ai rate limits if you do parallel though. Didn’t see anything about other reporting libs. You can suggest on github. Or check out the logger file in their repo.
@rikisyahputra3805
@rikisyahputra3805 18 күн бұрын
What happen if the error that is received by the client component wasn't coming from the server function? like a connection error coming from the browser, won't it still be necessary to wrap the server function calls with try-catch in the client component?
@carloslfu
@carloslfu 19 күн бұрын
Great video! One thing to remember is that WebContainer is not open-source and you should consider it when using it for your own projects.
@carloslfu
@carloslfu 20 күн бұрын
Great content! Love it!
@ibnurasikh
@ibnurasikh 20 күн бұрын
wow. i don't know this type of library is actually exist
@elie2222
@elie2222 20 күн бұрын
It’s very new
@priyankrajai
@priyankrajai 21 күн бұрын
Thanks you ❤. Really helpful
@elie2222
@elie2222 20 күн бұрын
Glad you enjoyed it!
@therobbarbour
@therobbarbour 22 күн бұрын
What would you say is your favourite thing about the genocide currently being perpetrated by Israel on the Palestinian people
@Péter--2222
@Péter--2222 22 күн бұрын
It works. No more "The specific message is omitted in production builds to avoid leaking sensitive details. "
@elie2222
@elie2222 21 күн бұрын
Oh nice. They fixed it? Got a link to that update?
@Péter--2222
@Péter--2222 20 күн бұрын
@@elie2222 this video is the fix
@Péter--2222
@Péter--2222 20 күн бұрын
@@elie2222 this video is the fix
@Péter--2222
@Péter--2222 20 күн бұрын
@@elie2222 test
@Péter--2222
@Péter--2222 20 күн бұрын
test
23 күн бұрын
Thanks for these awesome tips
@elie2222
@elie2222 21 күн бұрын
Glad it was helpful
@mania9092
@mania9092 27 күн бұрын
Can you please also so same video for nexjs itself?
@elie2222
@elie2222 24 күн бұрын
Ya. That would be awesome. Would need to find the time to dig into it
@kedarvyashelios
@kedarvyashelios Ай бұрын
In real world, who build nextjs or any project twice man?
@elie2222
@elie2222 28 күн бұрын
I don’t understand the question
@fxbob9712
@fxbob9712 Ай бұрын
I do all to install srcbook and I get error package not installed at all
@elie2222
@elie2222 Ай бұрын
Hey. It’s possible srcbook works differently now. They’ve changed quite a lot since the video came out and now offer a hosted solution.
@udaysinhchauhan4721
@udaysinhchauhan4721 Ай бұрын
i have one question does it can do backend and database as well
@elie2222
@elie2222 Ай бұрын
Yes
@priyankrajai
@priyankrajai Ай бұрын
loved it!
@elie2222
@elie2222 Ай бұрын
Thanks!
@kedarvyashelios
@kedarvyashelios Ай бұрын
11:28, you can't bore us man, you're a GEM !!!
@elie2222
@elie2222 Ай бұрын
Thanks!
@alexanderzin
@alexanderzin Ай бұрын
This is gold! Subscribed
@elie2222
@elie2222 Ай бұрын
Glad you enjoyed it!
@ÎnțelegGaming
@ÎnțelegGaming 2 ай бұрын
btw i try to install this i put api dont work
@elie2222
@elie2222 2 ай бұрын
Not sure :( what’s the error?
@ÎnțelegGaming
@ÎnțelegGaming 2 ай бұрын
@@elie2222 I dm you on discord
@amigos786
@amigos786 2 ай бұрын
This is awesome! Always wondered how bolt is doing this in the browser. Now it’s all clear! 🎉
@elie2222
@elie2222 2 ай бұрын
Glad it was helpful!
@The.Meshhh
@The.Meshhh 2 ай бұрын
This was amazing! Learnt a lot - Quick question - So if I want to customize the output I get from Bolt, all I need to do is to customize the prompt file or will I need to do something else as well?
@elie2222
@elie2222 2 ай бұрын
Well it depends how much you want to customize. The easiest is to just edit the prompt you’re sending to Bolt. But if you want full control you can edit the prompt file they use. Or you can go a step further and start editing the codebase. Eg. You might decide to add another type of bolt action to the prompt. But then the parser/ui/actions would also need to be able to handle that new action type.
@bhatvikrant
@bhatvikrant 2 ай бұрын
Another great video!
@elie2222
@elie2222 2 ай бұрын
Thanks!
@bhatvikrant
@bhatvikrant 2 ай бұрын
This was a great video! Looking forward to more deep dives like this!
@elie2222
@elie2222 2 ай бұрын
Glad you enjoyed!
@ShubzGhuman
@ShubzGhuman 2 ай бұрын
subscribed brada
@elie2222
@elie2222 2 ай бұрын
Thanks!
@hwapyongedouard
@hwapyongedouard 2 ай бұрын
well this AI can be scary in the future lol, it will evolve, hop it will not know how to back-end
@elie2222
@elie2222 2 ай бұрын
This one can do backend if that wasn’t clear! I demoed frontend only but it can write NodeJS code just as well.
@hamedjafari5539
@hamedjafari5539 2 ай бұрын
Sound of the baby in the background make this tutorial more legendary :D I wasted a lot of time learning this. Thanks for the great tutorial.
@elie2222
@elie2222 2 ай бұрын
😂 Next error actions gave me some more issues since this tutorial btw. One annoyance is that if you time out a function it doesn't give you an error, but just returns undefined. The other one is that libraries like next-safe-action can be very helpful. I haven't used it yet, but basically use the same ideas. And maybe I mentioned that in this video (forgetting now 😂)
@BusinessAutomatedTutorials
@BusinessAutomatedTutorials 13 күн бұрын
Thank you for that comment. I was not sure if i was going crazy.
@elie2222
@elie2222 2 ай бұрын
Hope you enjoyed today's video! What repo should I cover in next week's video?
@SpkSpkS
@SpkSpkS 2 ай бұрын
n8n !
@suleimana5063
@suleimana5063 2 ай бұрын
awesome content Elie, keep doing great. one for the midday app, wud be a banger !
@elie2222
@elie2222 2 ай бұрын
Thanks for the suggestion! That's a good one! I did a video on their pitch deck half a year back, but have yet to do on their core repo, and there's good ideas to learn from in there.
@luluozer
@luluozer 2 ай бұрын
Thanks for this! Was really informative
@elie2222
@elie2222 2 ай бұрын
Glad it was helpful!
@navjotsingh2457
@navjotsingh2457 2 ай бұрын
cool
@elie2222
@elie2222 2 ай бұрын
Np
@sigangsabaglari3606
@sigangsabaglari3606 2 ай бұрын
thank you so much, how can i connect with you?
@elie2222
@elie2222 2 ай бұрын
You can join the Discord if you like. Link in the video description
@nl4260
@nl4260 2 ай бұрын
I have encountered errors on windows. I submitted support requests in github and disocord. They responded saying windows is not supported, so I booted up a linux/debian system. Same issues. To save viewers the hassle, this project is broken and support is very lacking.
@elie2222
@elie2222 2 ай бұрын
I’m sure they’ll get it fixed. They’re working on it actively. Also you can watch the video without having to use it. It’s about the ideas behind srcbook and how you could build something similar yourself.
@nichochar
@nichochar 2 ай бұрын
Responded to you in Discord!
@fezola8230
@fezola8230 2 ай бұрын
I can’t use this, I keep getting an error in my terminal. I use the OpenAi key. (Spawn npm ENOENT) error. How can I fix this?
@ajamit5006
@ajamit5006 2 ай бұрын
Got the same error man!!
@elie2222
@elie2222 2 ай бұрын
I’ll get one of the founders to answer. It worked for me but they’ve made updates since
@elie2222
@elie2222 2 ай бұрын
Comment from founder: 1) we’ve seen this when the API key isn’t valid. Try generating a new one and try again 2) you can join our Discord (discord.gg/shDEGBSe2d) and share logs I can troubleshoot further Or you could post an issue here: github.com/srcbookdev/srcbook
@elie2222
@elie2222 2 ай бұрын
@@ajamit5006 Comment from founder: 1) we’ve seen this when the API key isn’t valid. Try generating a new one and try again 2) you can join our Discord (discord.gg/shDEGBSe2d) and share logs I can troubleshoot further Or you could post an issue here: github.com/srcbookdev/srcbook
@nl4260
@nl4260 2 ай бұрын
@@elie2222 its broken currently for me as well. I added open ai and anthropic keys, deleted, re-added, and the api key passes its verification check. errno: -4058, code: 'ENOENT', syscall: 'spawn npm', path: 'npm', spawnargs: [ 'install', '--include=dev'
@rpraka
@rpraka 2 ай бұрын
great video Elie! Just a heads up, it looks like some of the video chapters don't match what the section is actually about
@elie2222
@elie2222 2 ай бұрын
Thanks for that! I’ll fix that up!
@elie2222
@elie2222 2 ай бұрын
Fixed!
@Gigabyteserviceofficial
@Gigabyteserviceofficial 2 ай бұрын
Is there any tool which can convert json (it can have complex nested data) to jsonl for make it ready for fine-tune e.g "appetizers": [ { "id": 1, "name": "Beef Dumplings", "price": 10.45, "description": "6 PCS", "options": { "Dumplings": [ { "id": 1, "name": "Steamed", "price": 0 }, { "id": 2, "name": "Fried", "price": 0 } ]
@elie2222
@elie2222 2 ай бұрын
This seems to do it from a quick search: codebeautify.org/json-to-jsonl-converter Any LLM will also do it well.
@flavioneto1081
@flavioneto1081 2 ай бұрын
this was the best video on the subject for me, that's what I was thinking of implementing as well. thanks
@flavioneto1081
@flavioneto1081 2 ай бұрын
i was reading the code on your repo and also found really interesting your observability integrations with sentry and posthog... by any means you think of producing some video around this? i think it'd be great since most tutorials doesn't seem to get to this production-level concerns
@elie2222
@elie2222 2 ай бұрын
Great. I have more thoughts on it at this point. Next-safe-action is a solid option for it. Midday GitHub has an example of how that’s done if you’re interested. Wraps actions with sentry, does zod parsing, and also checks auth.
@elie2222
@elie2222 2 ай бұрын
Was considering it. The things to note there: Sentry and posthog are mostly automatic. The thing you need to do manually with sentry is the server action error collection. The rest should just work automatically. And then occasionally I’ll more explicitly capture an error that comes up. The other thing I do is ignore certain errors. There’s a few ways to do it and my code here is a bit messy. There was a point I tried to really cut down my sentry errors. But feels impossible to completely clear everything. For posthog it’s all automatic. I do put it into the error logging a little to try see how certain things impact users but I haven’t even looked at the ones I put in. But will be there for me if I ever decide to look.
@GoDjMike
@GoDjMike 2 ай бұрын
I totally missed this repo getting published- I am SO happy that you did a deep dive 😃
@elie2222
@elie2222 2 ай бұрын
Glad you liked it!
@mania9092
@mania9092 2 ай бұрын
Thank you
@elie2222
@elie2222 2 ай бұрын
❤️
@elie2222
@elie2222 2 ай бұрын
If you're new here be sure to check out the other videos in the playlist: kzbin.info/aero/PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO And star Inbox Zero on GitHub: github.com/elie222/inbox-zero
@rtorcato
@rtorcato 2 ай бұрын
all this image preloading doesn't work on mobile where you have no hover event
@elie2222
@elie2222 2 ай бұрын
Good point. You could use onTouchStart, or when the a link moves into the viewport, you could preload the images. Or you could just not optimize on mobile. Pages would still load fine.
@UnknownPerson-wg1hw
@UnknownPerson-wg1hw 2 ай бұрын
it still has prefetch when a next link comes on view
@normalguy8550
@normalguy8550 2 ай бұрын
Great video! But I was wondering, what video recording software do you use to show your camera and the screen at the same?
@elie2222
@elie2222 2 ай бұрын
Screen studio. There’s an affiliate link at the bottom of the description!
@ibnurasikh
@ibnurasikh 2 ай бұрын
Exactly what I thought! Even back then, I implemented this method for all my WordPress clients. I prefetch whenever I can, except on free sites, news sites, or blogs, where it’s a bit less aggressive than for e-commerce.
@elie2222
@elie2222 2 ай бұрын
Nice!
@mDHARYL
@mDHARYL 2 ай бұрын
Wow.😮 Thats awesome
@elie2222
@elie2222 2 ай бұрын
Glad you liked it!
@prashlovessamosa
@prashlovessamosa 2 ай бұрын
thanks I was reading the code this video indeed very helpful.
@elie2222
@elie2222 2 ай бұрын
Glad to hear that!
@StingSting844
@StingSting844 2 ай бұрын
This is incredibly bad for multiple reasons. The original site is making a total of 154 requests for all of the homepage content and most of them on demand. But this bullshit implementation makes thousands of prefetch requests that it's ridiculous and it feels like a mockery. I'm sure they think we are complete fools who'll believe anything they say!
@elie2222
@elie2222 2 ай бұрын
If you use next/link it defaults to prefetch. This is going a step further and loads images. If you don’t care about the extra performance then don’t do it. It’s a demo. No one telling you that you have to implement your site in the same way. But if you want extra speed this is a way to do it.
@ibnurasikh
@ibnurasikh 2 ай бұрын
It’s not just bad for bandwidth, but for an e-commerce site, where conversion rates are usually higher than on a regular blog or freebie site, it’s acceptable. We’ve seen a big drop when our and client's sites slows down, our CTR once fell to 30%, when it’s usually around 80-90%, never dropping below 70%. So, load speed is crucial. Even after implementing these methods, not just for Next.js sites but for most of our clients, there’s been no noticeable increase in bandwidth costs. Try working as a digital marketer, and you’ll see how cheap bandwidth is compared to the impact on CTR and average session duration.
@StingSting844
@StingSting844 2 ай бұрын
@@elie2222 no you are not getting my point. There is no argument against prefetching assets to speed up your site. But what they have done is overload everything to the max and claim speed. The original site is in production and it's that fast to interact. Nextjs can do well similarly although slightly heavier on Js. But this "demo" is a mockery of the attention to detail they've done in the original site. You might as well load the entire database in the browser and claim 0ms network latency.
@saber8387
@saber8387 2 ай бұрын
my internet is so slow it loads on both of these site
@elie2222
@elie2222 2 ай бұрын
🤯 nice
@bilimlink
@bilimlink 2 ай бұрын
Looks awesome 👍 Thanks for sharing ❤
@elie2222
@elie2222 2 ай бұрын
Thanks!
@pequod4557
@pequod4557 2 ай бұрын
I think the way they prefetch on mouse enter events is a highly unnecessary optimization that will cook your server for no reason
@elie2222
@elie2222 2 ай бұрын
The benefit is clear in that it avoids the image flash. Whether that’s important is up to you. The serverless endpoints aren’t going to be cooked. They’ll handle this just fine. There’s some cost to it but that could be minimal dependent on the business value driven. If it leads to an extra 5% in sales or a few dollars in revenue then it’s worth paying the extra cents to make the extra server calls. There are studies by Amazon that show that extra speed leads to increased sales.
@ibnurasikh
@ibnurasikh 2 ай бұрын
These days, most e-commerce sites handle their assets with a CDN, so it won’t put any strain on your server.