awesome content

Is ut possble for me to allow the client to make a payment directly to my bank account without using third pary softwares such as tripe or paypal

Thanks :) -

how about when user miss use the "back" or "miss click another link ? i tried but it's not fire the func

but it has to be 16x16 not 1024x1024 dude. Wtf mannnnnnn this doesn't help me at all

This is amazing🎉. Would be fantastic to have a similar video dealing with media (image, video and audio) how to store them (uploadthing, cloudinary, Vercel Blob, etc) and how to use them in a efficient way (cropped, reduced image sizes, ai edited). For me that is the missing understanding, compared to using traditional CMS systems (Drupal, Wordpress) in a headless manner.

Colby, my man. you're awesome!!!! I was using a lot of these from a template before and now I see how it works. Now Im going to try and implement them on my website and see for myself. Thank you for such an amazing tutorial, bro.

Awesome video Colby 🎉🙌🏻 This will be handy to use on my sites.

Hi Colby, YT has recommended this channel. Very informative and detailed oriented for a person to follow along. This is helpful for anyone newbies who are interested in learning concepts of css, react, typescript, sql, apis, deployment etc. I like the way you do use the multi-cursor for the editing. A video on VS extensions you use and especially multicursor video will be helpful.

The react-pdf/renderer option doesn't seem to work anymore on Nextj14 and 15 and React 18? I tried V3 and V4 and followed your code. const stream = await renderToStream(<MyDocument />); //Code dies here. We get error Error generating PDF: Error: Minified React error #31; Objects are not valid as a React child (found: object with keys {$$typeof, type, key, props, _owner, _store}). If you meant to render a collection of children, use an array instead. Can you double check on a new project and see if you get the same error in your route.tsx file?

What an interesting approach to use a <form> and action to change the status of the invoice. Also, that was some crazy typescript for the statuses, I will have to go through it slowly. Going back to managing the change in status in the server component, I coded a small client side component specifically for the drop down menu which allowed me to use onClick. Then I imported it into the invoice details page. It seemed to work ok.

Simple, quick, easy to understand! Great video! Cannot wait to check the rest of them! +1 sub!

like your terminal, what are you using to customize your zsh shell? I'm using p10k but I like the simpleness of yours.

Enjoying the content so far, thanks Colby. Is it too simplistic to suggest a 'View' button for each row with the link to the specific invoice details?

thank you

Great tutorial. Almost everything needed for a headless blog was covered. I didn't know about Directus but now I can try it. I wonder if you can do a tutorial with Payload. They say Payload is the CMS for Next.js so that would be interesting to get your take on that.

I followed the tutorial but even the repository code gives me error please, do you know why I get this error in the example code? page.tsx:12 POST localhost:3001/api/scraper 500 (Internal Server Error) handleOnClick @ page.tsx:12 callCallback @ react-dom.development.js:20565 invokeGuardedCallbackImpl @ react-dom.development.js:20614 invokeGuardedCallback @ react-dom.development.js:20689 invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:20703 executeDispatch @ react-dom.development.js:32128 processDispatchQueueItemsInOrder @ react-dom.development.js:32160 processDispatchQueue @ react-dom.development.js:32173 dispatchEventsForPlugins @ react-dom.development.js:32184 eval @ react-dom.development.js:32374 batchedUpdates$1 @ react-dom.development.js:24953 batchedUpdates @ react-dom.development.js:28844 dispatchEventForPluginEventSystem @ react-dom.development.js:32373 dispatchEvent @ react-dom.development.js:30141 dispatchDiscreteEvent @ react-dom.development.js:30112 page.tsx:21 Error: 500 - Internal Server Error overrideMethod @ hook.js:608 window.console.error @ app-index.js:33 console.error @ hydration-error-info.js:63 handleOnClick @ page.tsx:21 await in handleOnClick callCallback @ react-dom.development.js:20565 invokeGuardedCallbackImpl @ react-dom.development.js:20614 invokeGuardedCallback @ react-dom.development.js:20689 invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:20703 executeDispatch @ react-dom.development.js:32128 processDispatchQueueItemsInOrder @ react-dom.development.js:32160 processDispatchQueue @ react-dom.development.js:32173 dispatchEventsForPlugins @ react-dom.development.js:32184 eval @ react-dom.development.js:32374 batchedUpdates$1 @ react-dom.development.js:24953 batchedUpdates @ react-dom.development.js:28844 dispatchEventForPluginEventSystem @ react-dom.development.js:32373 dispatchEvent @ react-dom.development.js:30141 dispatchDiscreteEvent @ react-dom.development.js:30112

love your content and delivery. Please create a detailed web3 project.

can i use any other payment system besides stripe?

Thanks for the nice share .

Can I ask you why when i make code from chapter "Dynamic Page Routes for Invoices" i get an error "Error: Route "/invoices/[invoiceId]" used `params.invoiceId`. `params` should be awaited before using its properties." I dont know how to fix it :/

This is a fabulous video. Thank you!

This video saved my project! 🥳

4:16:15 line 32 isError conditions contradicts each other : D

Subsriber earned. Just the intro is enough to show that you will learn something from this and not just mindlessly type what you see in the video. Keep it up. Will check your other videos.

such gr8 content and such an excellent teacher. Best of the yr, thank you!

well done sir

As soon as I try to install the dependencies I get loads and loads of configuration errors .

He has an impressive talent in technically and presentation, but what struck me even more was the genuine warmth and honesty he brings. It left a lasting impression on me.🫶🫶

Hi, I have used it in different way, but this video is very useful for me

why not explain what template literals are and why they are used .... Template literals are..... and they can be used for........

its so annoying how manu of these videos content guys tell people to subscribe to their channel. I never subscribe when someone tells me to suscribe. If I want to add your channel I'll add it. We get it already. Just get straight to the content. If its good I'll subscribe if sucks well we'll see ya later.

This is so useful. As someone who hates setting up eslint and prettier configs this is godsend. Also please dont stop making these awesome videos. Your channel is so underrated!

Excellent video! One point of clarity, you can use the "toLocaleString" method to get the commas in your number instead of creating a separate method... like this: const total1 = 811024676 total1.toLocaleString("en-US")

Man, my blog has more than 4.000 post. I´d like to use your template, but, this tutorial has a limitation of only show 100 posts, wth a maximum 10 pages for pagination. Is that correct? In my Wordpress blog I have more than 159 pages with 25 post per page. How can I have the same pagination in my Wordpress blog? Here is the link: diariooficial.jaboatao.pe.gov.br Please answer if is that possible to use your tutorial in my case.

Hi, Colby! Thanks for the comprehensive and full of new stuff tutorial. It is a great learning material. I have a question, though. Am I the only one who experience a problem with the searchParams. At around 4:06:40, when you define isSuccess and isCanceled constants and tried to console log them I am getting always false for both of them, regardless of setting the parameter manaually in the URL to "success" or "cancel" and even after a successful payment, which is working and I am getting the success in the URL automatically, those two constans never change values and that is why the updateStatusAction never fires, so the status is never updated. I concole log the searchParams.status itself and it is undefined! So, what am I doing wrong? Thanks for you time and consideration.

Currently working on a project with stream and you're video was very well structured. Got it to work between two users and save multiple channels. Thank you! If all else fails remember guys: RTFM!

Hey Colby, I have a question regarding Security best practices. At around 2:57:00 you create the Invoice.tsx client component and eliminate all the backend logic from it. But still you import the Invoice schema into a client component. Isn't that giving away information about how our database is structured, tables, fields, etc. to the client?

Is the hidden forms 'trick' really idiomatic react/next? That feels very hacky imo. But maybe it's just because I'm not used to it.

Your voice is so calming and smooth. There is so unnecessary filler words in between. Love the content 😊😊

I'm your old fan and I always loved your content.

I look forward for this kind of format! I'm really glad to see a real project-based video!

Thank you so much for your content! I have a question: how can I implement react-pdf on Next.js for exceptionally large PDF files? I’m dealing with a file of over 600 pages, and rendering this server-side results in a timeout as it takes over 10 seconds to process. I considered implementing a streaming solution, but I haven’t found any examples or discussions about it online. Would you recommend this approach, or do you have any other suggestions?

I cloned code from GitHub and started with the "npm install" command. Then I started the server, but it is not working. It shows an error like: " errno: -4058, code: 'ENOENT', syscall: 'open'," could you please help with this?.

High quality content

Hey, I hope I still get some answer here :D. I'm self hosting plausible and NextJS and when I click on a link to go for example to /privacy-policy, it doesn't fire an event and it doesn't track it. When I refresh the website after that, I get the event. It also works, when I write /privacy-policy into the URL. It just doesn't work when I click on the link button on the page. Does anyone know how I can fix that?

Thank you SOO much Colby this was amazing you are an absolute life saver!

I am using Next.js 14.2, I want to use the scroll-based animation, the animation-timeline works but it's experimental and the safari browser doesn't support it. And making use of hooks will make my entire section client-component. Which also I don't want, Can someone please help me with this? 😭😭😭😭

Wow you are amazing

Thank you for this great course Colby. Loving every second of it! ❤