Dynamic Refs and State in React
18:02
Every way to add CSS in a React app
11:36
Пікірлер
@nshettys
@nshettys 2 күн бұрын
Great Stuff! Thanks. And yes, you got a new subscriber to your channel today
@simonboddy7415
@simonboddy7415 6 күн бұрын
Really good! I'm still getting over the fact that nextjs has to be built in situ. A build can always fail, so it seems very risky to overwrite your live site with some new code that needs to be built. Folk are likely handling this with containers but I think I'm going to try a blue/green strategy and switch the nginx config when the build has succeeded. I'm also a bit startled to see the PATH modified in the deployment pipeline. Why should I need to modify my pipeline every time my node version changes? I think I need a better solution there. God I wish we still had server guys.
@jake_bareng
@jake_bareng 13 күн бұрын
this was an actual good video and it was not 1 hour long like other videos
@iSkayer
@iSkayer 21 күн бұрын
This was a really great tutorial, thank you for walking us through the steps. I already knew most of them, but needed a refresh, especially on the pm2 part. Keep up the great work!
@thecrazymedic4480
@thecrazymedic4480 27 күн бұрын
This guy is a genius. Thanks a lot. I was having a lot of issues with SSH keys but it's clear now
@CmdZOD
@CmdZOD 28 күн бұрын
Thank you so much, i was banging my head on the wall with this SSH stuff !
@mathlouly
@mathlouly 29 күн бұрын
pretty good, ty.
@pongtswaila7922
@pongtswaila7922 Ай бұрын
Very helpful content. Tnx so much! 🙏
@scottnoring2960
@scottnoring2960 Ай бұрын
How old is this. Is it NextJS14? I'm getting errors with usestate and useffect.
@palakbasak3551
@palakbasak3551 Ай бұрын
How to deploy this?
@Tanner-cz4bd
@Tanner-cz4bd Ай бұрын
thanks bro
@davidtakidze25
@davidtakidze25 Ай бұрын
Thank you for the incredible video! I have a question: I’m currently using a droplet to host WordPress and would like to host a Next.js application on the same droplet. I followed your steps, but are there any additional considerations I should consider when hosting Next.js and WordPress on the same server?
@AndreWang-kf3zu
@AndreWang-kf3zu Ай бұрын
It works! I applied google analytics on my nextjs personal website. Super helpful.
@josemarceloalexandre3656
@josemarceloalexandre3656 Ай бұрын
Wow, best video I've ever watched on KZbin! Congratulations!!!
@arfazchhapawala2892
@arfazchhapawala2892 Ай бұрын
Thanks for sharing an amazing tutorial 🙏. I was really searching for the perfect one, and it is well explained 🙌
@Marlorouse109
@Marlorouse109 Ай бұрын
Thanks for sharing !!! This was very helpful!
@imomuganda
@imomuganda Ай бұрын
Double like! This was clear, concise, and it worked.
@beticohernandez9536
@beticohernandez9536 Ай бұрын
interesante. Un carrito de compra seria interesante tambien.
@FelipeOcampo-v4i
@FelipeOcampo-v4i 2 ай бұрын
Super helpful! Thanks so much
@proconfusedtechie3867
@proconfusedtechie3867 2 ай бұрын
It's okay if we want to pass one or two state variables. But still react is bad when the application grows large and need to pass multiple state variables and their setters. It needs support from redux when the application grows large
@devinsmith4713
@devinsmith4713 2 ай бұрын
8 hours of my life (of which I still didn't succeed in) summed up in 25 minutes. Now I can get on with the meat of my project. Thank you.
@vaskoooo
@vaskoooo 2 ай бұрын
Man I just discovered your channel and I’m already addicted. You have a realtà nice way to deliver concepts
@christianpossidonio
@christianpossidonio 2 ай бұрын
Do you winner my like and I subscribe. Thanks my fried. Ops, I`m from Rio de Janeiro - Brazil here
@marchello6826
@marchello6826 2 ай бұрын
Thank you for the incredibly helpful content!
@ijusthatenormiesihavenooth1164
@ijusthatenormiesihavenooth1164 2 ай бұрын
It was genius. Would hire immediately
@Andy-l9p
@Andy-l9p 2 ай бұрын
Thats remarkable. Danke
@alleggs
@alleggs 2 ай бұрын
something wrong with this. i tries to run two apps on same domain with subomains, but only one app runs on domain
@BantuNiLo
@BantuNiLo 2 ай бұрын
Wr kill billions of chickens
@user-gj5lv1dz6z
@user-gj5lv1dz6z 2 ай бұрын
do you have tutorial of getting wordpress menu?
@achrefmtir8250
@achrefmtir8250 3 ай бұрын
this content is legendary !
@user-gj5lv1dz6z
@user-gj5lv1dz6z 3 ай бұрын
thanks a lot for this awesome clean and quick tutorial... do you have something for graphql?
@bimwerx
@bimwerx 3 ай бұрын
The title reads 'Self host' - using Digital Ocean is not self hosting. How about using Ubuntu-server on a local machine to deploy a live Next.js app?
@haiffy
@haiffy 3 ай бұрын
Digital ocean droplets are just ubuntu server under the hood, literally same thing, you can use this tutorial on any ubuntu server anywhere
@PongLenis99
@PongLenis99 26 күн бұрын
@@haiffy yah it worked for me on my self hosted ubuntu. great tut
@AshishSethi-cs1bu
@AshishSethi-cs1bu 3 ай бұрын
Great Tutorial though! Thanks a lot 🙂 Faced an issue while following your steps, solved it by doing this: Generate ssh key on the last step (github actions) using ed25519 instead of rsa, in my case generating using rsa gave me an error (Permission denied)
@anonimosbrain
@anonimosbrain 3 ай бұрын
who else was paying attention to the mechanical key caps sound instead of the tutorial
@shariquenadim3144
@shariquenadim3144 3 ай бұрын
Will the WordPress headless cms slow?
@wakka2100
@wakka2100 3 ай бұрын
i cannot find the js file on app/api/hello, i also dont use resource. also whatever i do its always 404
@drstrangelove09
@drstrangelove09 3 ай бұрын
"folder" -> directory
@NaveedPasha-rx8wv
@NaveedPasha-rx8wv 3 ай бұрын
Thank you so much for this amazing tutorial! I followed your steps and successfully implemented Google Auth in my Next.js project. Your clear explanations and detailed instructions made it easy to understand. Keep up the great work!
@kubilaybzk
@kubilaybzk 3 ай бұрын
I have a question for you, actually more of a suggestion. I couldn't really find any content on this topic on the internet or KZbin. If the session comes from the backend and this session needs to be used for logging in (for authentication processes or other operations), how can we set this up using NextAuth? Additionally, how can we take the session's expiration date from the information coming from the backend and process it?
@thedigitalceo
@thedigitalceo 3 ай бұрын
I don’t fully understand the question. Can you explain again. I don’t use the nextauth package because I do auth myself. I authenticate the user based on cross checking credentials entered against their credentials stored in the database and the create a cookie. Then on each route I check if the cookie is still valid. If not I redirect them to the login page.
@kubilaybzk
@kubilaybzk 3 ай бұрын
@@thedigitalceo This is the question I actually wanted to ask. Let's assume we send login credentials to an API with the endpoint 'localhost:5031/api/login'. This API returns a token and an expiration date to us. We need to log in using this information, meaning the token sent by the API should be set as the token in the credential section when logging in with NextAuth. At the same time, the expiration date of the token should be set using the expirationdata value received from the API. We need to check the token's expiration here, and if the token has expired, the user's session should be terminated. I actually wanted to ask for a video recommendation on this topic, specifically on how to log in a user using NextAuth with any token coming from the backend.
@kubilaybzk
@kubilaybzk 3 ай бұрын
@@thedigitalceo This is the question I actually wanted to ask. Let's assume we send login credentials to an API with the endpoint 'localhost:5031/api/login'. This API returns a token and an expiration date to us. We need to log in using this information, meaning the token sent by the API should be set as the token in the credential section when logging in with NextAuth. At the same time, the expiration date of the token should be set using the expirationdata value received from the API We need to check the token's expiration here, and if the token has expired, the user's session should be terminated. I actually wanted to ask for a video recommendation on this topic, specifically on how to log in a user using NextAuth with any token coming from the backend.
@devve7
@devve7 3 ай бұрын
Great Job !!! Thnks. - My headache is now off.😁
@Mark-nm9sm
@Mark-nm9sm 3 ай бұрын
Yeah but how do we do pagination on the data instead of fetchjing every single on of them ?!?!?!?!?
@born2die827
@born2die827 3 ай бұрын
why don't you tell us where we have to move the .next folder? Who tf creates a project on the production Server???
@rumorscameras
@rumorscameras 3 ай бұрын
Meuurika is shuuiiiittt. Elom monsk is a shuuiiit...he got the ttatment from israfail and came back saying freedom of speech is anti semitism...all crap
@ArturComunello
@ArturComunello 3 ай бұрын
I'm trying to reproduce this in 2024, but i cant install or build the next app in the droplet due to a low memory, how can I fix this?
@ArturComunello
@ArturComunello 3 ай бұрын
It was just thi. export NODE_OPTIONS=--max_old_space_size=1024
@ywywywyw612
@ywywywyw612 4 ай бұрын
There is a slight problem with this and it is that you cannot run build while running PM2 because building causes the files that are being served by PM2 to be modified, you have to copy them to another directory before hand, I think you can use `next build [directory to which you copied the files]` to fix this, otherwise awesome video! edit: use next JS standalone mode, not `next build [directory]`!
@thedigitalceo
@thedigitalceo 3 ай бұрын
A good point. I haven’t run into a lot of issues in most cases but what you suggested is definitely best practice. Thank you!
@Benni1000games
@Benni1000games 4 ай бұрын
nvm, pm2 and npm should not be running as root, this is dangerous and asking for trouble. If anybody wants to follow this guide I really highly recommend that you create a separate user account for this and also for cloning and updating the code. Root is the Linux equivalent of an admin user and anything that does not require admin privileges should never run as root. If there is ever an RCE in your code or nextJS and you are running this setup the attacker has full admin access to your server. Create a sandboxed user account with limited privileges, a separate SSH key and read/write only allowed to their own files for every project, project A should not be able to read files from project B.
@thedigitalceo
@thedigitalceo 3 ай бұрын
That is a good point. I believe I mentioned this the tutorial. Just kept root for the demo. Thank you for clarifying
@Shasa.t
@Shasa.t 4 ай бұрын
The KZbin algorithm brought this to me right when I needed it! getting myself a droplet and learning
@sakshambista0
@sakshambista0 4 ай бұрын
LIFE SAVER ❤
@jehovahsangel6968
@jehovahsangel6968 4 ай бұрын
Where is PETA? "Not tested on animals" was a huge thing in the 90s. I don't agree with messing around with God's creations like that. I would never sign up for anything like neuralink or let my family abuse a para or quadriplegic like that. Monkeys can be as intelligent as an 8 year old. Would Elon put that in his 4 year old son? If not, why does he think it's ok to experiment on helpless monkeys that can't speak the words that humans do? It's unacceptable!
@InfiniteQuest86
@InfiniteQuest86 4 ай бұрын
This is the very definition of working harder, not smarter. We need to do something better. Something different. When you are talking about needing the power of a nuclear reactor to train something and that isn't triggering a major red flag that you've done it wrong, you shouldn't be the one working on this. Transformers and LLMs have been a cool stepping stone, but they are dead wrong. It's the stupidest thing you can do and we are quadrupling down on it being the right solution. So dumb.
@thedigitalceo
@thedigitalceo 4 ай бұрын
Wondering what are your thoughts on a proposed solution. Should they stop building. Or you think the way they are doing it must be wrong
@InfiniteQuest86
@InfiniteQuest86 4 ай бұрын
@@thedigitalceo Yeah I think the method is just flat out wrong. If you need a nuclear reactor to run a chatbot, something is wrong. The problem is that they've committed so hard to transformers as being AGI, that they have to keep doubling down. To admit they were wrong would be to admit to blowing hundreds of millions of dollars and to admit to promising results they couldn't deliver. I'm pretty sure they also have paid off people to reject anything opposing this view as well. The Mamba paper was rejected from a conference for really dumb reasons despite being better than transformers in almost every way. The most logical explanation is OpenAI paid off one of the judges to reject it, since it clearly was not rejected based on merit. That's still even a language model. I don't see any reason why we should think a language model is the right approach to AI.