I don't think they necessarilty block the main thread but they're the first priority. And this script we're adding should load before the page hence we added the `beforeInteractive` strategy nextjs.org/docs/app/api-reference/components/script#beforeinteractive

@@mickeykadimov7128 Thanks for the idea. I do have a video on next auth and credentials provider but that was with pages router. Maybe I'll make an updated one for app router ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-fqXC2V-MSV4.html

Here's a solution if you want to use createConnection: 1̶. I̶n̶ y̶o̶u̶r̶ t̶s̶c̶o̶n̶f̶i̶g̶.j̶s̶o̶n̶, s̶e̶t̶ "t̶a̶r̶g̶e̶t̶" t̶o̶ "e̶s̶2̶0̶1̶7̶", "m̶o̶d̶u̶l̶e̶" t̶o̶ "e̶s̶n̶e̶x̶t̶" a̶n̶d̶ "a̶l̶l̶o̶w̶I̶m̶p̶o̶r̶t̶i̶n̶g̶T̶s̶E̶x̶t̶e̶n̶s̶i̶o̶n̶s̶" t̶o̶ t̶r̶u̶e̶ 2̶. R̶e̶n̶a̶m̶e̶ "i̶n̶d̶e̶x̶.t̶s̶" t̶o̶ "d̶b̶.m̶t̶s̶" 3̶. W̶h̶e̶r̶e̶v̶e̶r̶ y̶o̶u̶ h̶a̶v̶e̶ i̶m̶p̶o̶r̶t̶ {̶ d̶b̶ }̶ f̶r̶o̶m̶ "@̶/d̶b̶", m̶a̶k̶e̶ t̶h̶a̶t̶ i̶m̶p̶o̶r̶t̶ {̶ d̶b̶ }̶ f̶r̶o̶m̶ "@̶/d̶b̶/d̶b̶.m̶t̶s̶" M̶T̶S̶ (̶E̶S̶ M̶o̶d̶u̶l̶e̶ T̶S̶)̶ f̶i̶l̶e̶s̶ c̶a̶n̶ u̶s̶e̶ t̶o̶p̶-̶l̶e̶v̶e̶l̶ a̶w̶a̶i̶t̶ a̶n̶d̶ w̶e̶ s̶i̶m̶p̶l̶y̶ c̶h̶a̶n̶g̶e̶ o̶u̶r̶ T̶S̶ f̶i̶l̶e̶ t̶o̶ a̶n̶ M̶T̶S̶ f̶i̶l̶e̶ 1. In your tsconfig.json, set "target" to "es2017" and "module" to "esnext" 2. Make sure the Next.js version is higher than 13.4.5 3. Restart the dev server, if it errors out, delete the .next folder and then restart the dev server

@@MaxProgramming thanks so much for the solution. I did exactly as you said, but getting this error Build Error Failed to compile Module parse failed: Unexpected token (3:73) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. again thanks so much for your time bro!

@@uniwebr Can you restart your server once? And does your nextjs config have anything extra like webpack config?

@@uniwebr I updated the above solution. No need to use any MTS files as Next.js already supports top-level await

​@@MaxProgramming thanks for the response! I did exactly as your updated solution, and deleted the .next folder, restarted VSCode, restarted dev server but I'm getting the following error Unhandled Runtime Error Error: await is only valid in async functions and the top level bodies of modules thanks for your time bro, I'm trying to find a solution to this. If I find a solution, I will add a comment here.

Maybe VS Code Extension API doesn't allow so much... That's why you need to add a manual css file in VS Code

Yea server actions are definitely a big advantage for this approach

@@user-hc7og6ej4k With the app router I don't have a video. But I'll make one soon. Thanks for the idea ✌️

Glad it was helpful!

Can you clarify what you mean by "concept was empty" and what you think is wrong with the video?

@@boriskoslowski7176 I left it for prettier 😉

Buddy you still working??🔥

@pranupranav5563 Takes just a second to acknowledge the comment. Thanks for commenting 🙂

You're right. The layout shift does happen when navigating from one tab to another. I guess that happens because the page gets re-rendered (as we navigate with Link component to modify the search params) Not sure what could possibly be the solution. But if I find one, I'll reply Thanks for pointing this out!

@@dragos.cojocaru It's called Indent Rainbow. And there are more palettes in other extension called "Indent Rainbow Palettes"

@@MaxProgramming thanks

It's very similar to discord and there are a few minor changes... learn.microsoft.com/en-us/microsoftteams/platform/webhooks-and-connectors/how-to/add-incoming-webhook?tabs=newteams%2Cjavascript

There was a particular reason I don't remember now. Maybe you try making it work without that hook

@@Mary-k2p Thank you for your kind words

@@MaxProgramming You're welcome. Please don't stop making videos like this; explaining concepts practically.

Hey Biniyam! I'm glad you liked the VS Code setup. I'm afraid I can't share the entire settings.json file as there's a ton of useless/old settings there so it's huge and mostly filled with useless settings. But feel free to ask for any settings and I'll help you out with that

It's called Monaspace

I'll investigate what you're facing and possibly make a video on it

Gracias por sus amables palabras. Me alegro que sea fácil de entender.

Yeah. What help are you looking for?

@@MaxProgramming let me explain. i have a website and discord and would like to receive notifications when a customer buy some think from my website or click the BUY button is that possible to make a simple webhook please but i dont know how?

@@UnitedCodManServices A webhook is a simple Rest API URL where you can send a POST request to call it. In the video, I mentioned how I did it for my website, you can do it similarly for yours 🙂

There are different ways to show a notification. You can show a toast message with react-hot-toast or some popover etc. It's as simple as writing the code for showing the notification right after the copy() function

@@MaxProgramming thank you. This helped. I used the react toast