Thank you. You just saved me of hours of debugging
@AssiaElhafid8 күн бұрын
did they remove the ai functionality in the GitHub repo? I dont see it.
@scott508710 күн бұрын
amazing!! thank you so much
@ARSHADKHAN-hc6pb13 күн бұрын
❤
@rehanmomin176017 күн бұрын
I am finding this really great so far. Can we execute tests in parallel ? is there any reporting library we can use with this ?
@elie222217 күн бұрын
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.
@rikisyahputra380518 күн бұрын
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?
@carloslfu19 күн бұрын
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.
@carloslfu20 күн бұрын
Great content! Love it!
@ibnurasikh20 күн бұрын
wow. i don't know this type of library is actually exist
@elie222220 күн бұрын
It’s very new
@priyankrajai21 күн бұрын
Thanks you ❤. Really helpful
@elie222220 күн бұрын
Glad you enjoyed it!
@therobbarbour22 күн бұрын
What would you say is your favourite thing about the genocide currently being perpetrated by Israel on the Palestinian people
@Péter--222222 күн бұрын
It works. No more "The specific message is omitted in production builds to avoid leaking sensitive details. "
@elie222221 күн бұрын
Oh nice. They fixed it? Got a link to that update?
@Péter--222220 күн бұрын
@@elie2222 this video is the fix
@Péter--222220 күн бұрын
@@elie2222 this video is the fix
@Péter--222220 күн бұрын
@@elie2222 test
@Péter--222220 күн бұрын
test
23 күн бұрын
Thanks for these awesome tips
@elie222221 күн бұрын
Glad it was helpful
@mania909227 күн бұрын
Can you please also so same video for nexjs itself?
@elie222224 күн бұрын
Ya. That would be awesome. Would need to find the time to dig into it
@kedarvyasheliosАй бұрын
In real world, who build nextjs or any project twice man?
@elie222228 күн бұрын
I don’t understand the question
@fxbob9712Ай бұрын
I do all to install srcbook and I get error package not installed at all
@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Ай бұрын
i have one question does it can do backend and database as well
@elie2222Ай бұрын
Yes
@priyankrajaiАй бұрын
loved it!
@elie2222Ай бұрын
Thanks!
@kedarvyasheliosАй бұрын
11:28, you can't bore us man, you're a GEM !!!
@elie2222Ай бұрын
Thanks!
@alexanderzinАй бұрын
This is gold! Subscribed
@elie2222Ай бұрын
Glad you enjoyed it!
@ÎnțelegGaming2 ай бұрын
btw i try to install this i put api dont work
@elie22222 ай бұрын
Not sure :( what’s the error?
@ÎnțelegGaming2 ай бұрын
@@elie2222 I dm you on discord
@amigos7862 ай бұрын
This is awesome! Always wondered how bolt is doing this in the browser. Now it’s all clear! 🎉
@elie22222 ай бұрын
Glad it was helpful!
@The.Meshhh2 ай бұрын
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?
@elie22222 ай бұрын
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.
@bhatvikrant2 ай бұрын
Another great video!
@elie22222 ай бұрын
Thanks!
@bhatvikrant2 ай бұрын
This was a great video! Looking forward to more deep dives like this!
@elie22222 ай бұрын
Glad you enjoyed!
@ShubzGhuman2 ай бұрын
subscribed brada
@elie22222 ай бұрын
Thanks!
@hwapyongedouard2 ай бұрын
well this AI can be scary in the future lol, it will evolve, hop it will not know how to back-end
@elie22222 ай бұрын
This one can do backend if that wasn’t clear! I demoed frontend only but it can write NodeJS code just as well.
@hamedjafari55392 ай бұрын
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.
@elie22222 ай бұрын
😂 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 😂)
@BusinessAutomatedTutorials13 күн бұрын
Thank you for that comment. I was not sure if i was going crazy.
@elie22222 ай бұрын
Hope you enjoyed today's video! What repo should I cover in next week's video?
@SpkSpkS2 ай бұрын
n8n !
@suleimana50632 ай бұрын
awesome content Elie, keep doing great. one for the midday app, wud be a banger !
@elie22222 ай бұрын
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.
@luluozer2 ай бұрын
Thanks for this! Was really informative
@elie22222 ай бұрын
Glad it was helpful!
@navjotsingh24572 ай бұрын
cool
@elie22222 ай бұрын
Np
@sigangsabaglari36062 ай бұрын
thank you so much, how can i connect with you?
@elie22222 ай бұрын
You can join the Discord if you like. Link in the video description
@nl42602 ай бұрын
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.
@elie22222 ай бұрын
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.
@nichochar2 ай бұрын
Responded to you in Discord!
@fezola82302 ай бұрын
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?
@ajamit50062 ай бұрын
Got the same error man!!
@elie22222 ай бұрын
I’ll get one of the founders to answer. It worked for me but they’ve made updates since
@elie22222 ай бұрын
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
@elie22222 ай бұрын
@@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
@nl42602 ай бұрын
@@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'
@rpraka2 ай бұрын
great video Elie! Just a heads up, it looks like some of the video chapters don't match what the section is actually about
@elie22222 ай бұрын
Thanks for that! I’ll fix that up!
@elie22222 ай бұрын
Fixed!
@Gigabyteserviceofficial2 ай бұрын
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 } ]
@elie22222 ай бұрын
This seems to do it from a quick search: codebeautify.org/json-to-jsonl-converter Any LLM will also do it well.
@flavioneto10812 ай бұрын
this was the best video on the subject for me, that's what I was thinking of implementing as well. thanks
@flavioneto10812 ай бұрын
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
@elie22222 ай бұрын
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.
@elie22222 ай бұрын
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.
@GoDjMike2 ай бұрын
I totally missed this repo getting published- I am SO happy that you did a deep dive 😃
@elie22222 ай бұрын
Glad you liked it!
@mania90922 ай бұрын
Thank you
@elie22222 ай бұрын
❤️
@elie22222 ай бұрын
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
@rtorcato2 ай бұрын
all this image preloading doesn't work on mobile where you have no hover event
@elie22222 ай бұрын
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-wg1hw2 ай бұрын
it still has prefetch when a next link comes on view
@normalguy85502 ай бұрын
Great video! But I was wondering, what video recording software do you use to show your camera and the screen at the same?
@elie22222 ай бұрын
Screen studio. There’s an affiliate link at the bottom of the description!
@ibnurasikh2 ай бұрын
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.
@elie22222 ай бұрын
Nice!
@mDHARYL2 ай бұрын
Wow.😮 Thats awesome
@elie22222 ай бұрын
Glad you liked it!
@prashlovessamosa2 ай бұрын
thanks I was reading the code this video indeed very helpful.
@elie22222 ай бұрын
Glad to hear that!
@StingSting8442 ай бұрын
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!
@elie22222 ай бұрын
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.
@ibnurasikh2 ай бұрын
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.
@StingSting8442 ай бұрын
@@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.
@saber83872 ай бұрын
my internet is so slow it loads on both of these site
@elie22222 ай бұрын
🤯 nice
@bilimlink2 ай бұрын
Looks awesome 👍 Thanks for sharing ❤
@elie22222 ай бұрын
Thanks!
@pequod45572 ай бұрын
I think the way they prefetch on mouse enter events is a highly unnecessary optimization that will cook your server for no reason
@elie22222 ай бұрын
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.
@ibnurasikh2 ай бұрын
These days, most e-commerce sites handle their assets with a CDN, so it won’t put any strain on your server.