next js + docker + ssl certificate (self hosting)

how about the front-end form validation before submitting to the server action? Or just rely on the HTML attribute? and the server action catch block's return error message?

Thanks so much for the great content. I’m a vanilla web dev hobbyist wanting to level up and your channel is a God send!! I found your chan from an interview you did and I struck gold!!

how to reset the input ??

as soon as I saw the shirt i knew he was going to mention tailwind lol

would be great if there is an example with service worker.

This video is amazing! Also, yes please do more long form tutorials! Thank you so much! 🙏

This is an excellent video, thank you for creating it! Explanations were clear and struck just the right balance of detail without going too far into any particular weeds.

Thank You Leerob for mentioning PWA, I am building a Web App and would love a follow up video based around offline support as we need to store basic information just in case mobile signal is unavailable. We are in the UK with good mobile signal but the industry we are in all use traditional App and we want to change things up obviously to reduce Dev costs.

Why is email 'null'? Shouldn't the email that was typed in be displayed under the form?

How to add middleware headers to this? Like in case of login form, in middleware.tsx I m fetching the csrftoken from my django rest api. I can check the cookies in action but that's double work.

OMG Welcome to light mode MacOS Lee 🩵

Thanks! for the tutorial, just a small note for those that wonder why the email value is always null, simply add name='email' to the input field

Flexing ghostty private beta, nice one!!! How does it work so far? it seems to be quite performant.

You look like eminem hehe

Hey! Is it possible to get source code? Are you using next-pwa?

This is super powerful, I implemented based on your example. I found that now react is using useActionState instead of useFormState, that’s a nicer description of what that hook does. In practice I found myself trying to make the optimistic state the exact structure of the data returned from Shopify, so then when rendering things you can follow one structure and reduce conditionals. Man I love this hook though everything feels very fast

I don't think it is necessary to make localhost run on https, localhost is treated in a special way by most browsers

giga-brain lee 😎

Long live to PWA!

Cool! Are you using a neovim distro? Looks like lazyvim.

Hi Lee, have you thought about sharing your repo?

can we use Zustand instead of useContext?

What is the name of his vs code theme ‏‪1:45‬‏

just use angular it doesnt suck

May I ask where is the db connection

The website I'm working on uses Akamai as the first cache layer to cache the HTML response. In this case, the login mechanism must be handled client-side to avoid security issues and data leaks right? Does this prevent me from managing the session server-side?

what extension is helping with the predictive text?

Garcia Frank Davis Jose Rodriguez Anthony

Great showcase as usual, but how many ads does this video have 😂😂😂? .... anytime you touch the time scroll? ad, pause and play? ad, fast forward or rewind? ad. ... always 2 ads back to back 🤣🤣🤣🤣🤣, Thanks for the breakdown

Lee you truly have a good soul

@leerob you do realize It's not possible to debounce the increments using useOptimistic, so it's actually a terrible solution for incrementing the quantity... luckily it's not hard to do this manually with usestate and roll back on error.

I've tried to implement it and imo Tanstack query useMutation variables are still way better than use optimistic hook Why does the react team like to use numbered parameters/ return arrays instead of objects. Tanstack query code is still much easier to read and write imo Also the ecosystem is so much more mature for Tanstack query. When I spent too long trying to adapt to all the react changes prematurely it damaged my productivity a lot. So I'm using useQuery and calling server actions in the queryFn, instead of use(promise). If I need performance then I'm fetching in the parent passing initial data as prop. What are the benefits of using use and useOptimistic? Is there anything wrong with using actions for data fetching in useQuery query fn?

Terrible

Nice video. Love to see how you handle authorization in sever actions.

If something fails after the call to shopfy succeeds, where is the call to shopfy to decrease the quantity?

I found optimistic UI fascinating. It's like a client that knows more than the server which is cool. I have an article on react useOptimistic.

how would you handle someone clicking the button multiple times? wouldnt that lead to race conditions? since youre not waiting for the first update to finish

i have create a whole system in my current job to giving user instant feedback , i thought it is industry standard . LOL

How would the Proceed to Checkout button handle waiting for the actual cart data. Like if I am on Slow connection and I incremented an item in the cart 4 times and pressed the checkout button, how would it wait until the cart is actually updated to redirect.

or we could just do it locally!

Why session/local storage usage on cart items are not common in e-commerce sites? If it's a security concern, we can validate request at the server side.

we can combine this with react query right?

Thanks alot lee for, would like to see this integrated with authentication and display conditions to user whether item is in his cart or not Thanks again

I do enjoy learning from your clips. I was hoping to learn about how optimistic UI works and not the implementation. Thanks for your videos over the years, they have been a great help.

would like to see what happens when the server action fails

You'd still have to come up with your own way to track if the server actions fails and roll back the local optimistic update though, right?

useFormState would be awesome if returning a promise, so we can use await and wait a response in client side to handle logic through possible responses, am i talking shit?

any idea when react 19 will be stable?

thanks for your videos