Oliver the Dev is a software engineer who loves exploring new tech and have a passion for teaching and helping people reach their potential and become the best dev they can be. In this channel, I will teach React, Next JS, Tailwind CSS and all other technologies associated with them to cover Full Stack Application.
"if you can get 1 percent better each day for one year, you’ll end up thirty-seven times better by the time you’re done. 12 Conversely, if you get 1 percent worse each day for one year, you’ll decline nearly down to zero. What starts as a small win or a minor setback accumulates into something much more" - James Clear
June 8, 2023 - 1k subs
Пікірлер
Hey, thanks for the video! Quick question, why do people in the comments mention the use of OpenAI or LLMs in general ? didn't catch them from the video :)
Great App. I'm thinking of coding along, but is the OpenAI Api free ? How's the pricing done?
Thanks! Glad you liked it! Also great question, OpenAI gives you about $18 credit limit but it expires fast which when you need to add payment to use the service, for this tutorial i added $10 just in case. You can also use Gemini which has a better free tier plan.
can i use gemini api rather than open Ai
Yes you can, it's similar and simpler to use as well
thanks for sharing but why we can't add images using this editor?
Hey, you should be able to add images, I mean i can add images to the editor when i click on the picture icon and upload image from my computer. This feature was added in the editor.tsx modules.
@@oliverthedev Thanks, I will recheck it because it's not working in my code
Great, which VS theme you’re using.
Thanks! I am using Material Theme High Contrast
Great job bro, keep it up
Thank you! Glad you enjoyed it 😄🙌
create more videos
Will do, am recording a big tutorial now. Stay tuned
i saw that oyu have craeted a todoStyle object for linethrough text..... cant we do it with tailwind? and is that mixup of things fimne professuonally?
You can do it in className by using `cn` from Next.js since you need to add in conditional styling along with tailwindcss, I will use that approach in future tutorial. This just show case you can create a new object to have conditional styling in.
@@oliverthedev we used clsx library as well. Now I'm confused between cn and clsx😅
@@kashmirtechtv2948 They are both similar so should be good if you use either
why have you craeted 1st input and kept it hidden?? just to get id or any otehr purpose?? and if for the purpose of getting id, isn;t this way a liitle weird to get id through input tag?
Yes just to get the id, it's true it weird use case but one way you can get it done
why did we do {todo}: {todo: todoProps} instead of {todo} : todoProps?
Because we are destructing with `todo` and not through it's internal keys. This would work {todo} : todoProps if we did this instead { id, title, isCompleted, createdAt }: todoProps
@@oliverthedev got it. Thanks brother ❤️❤️
bro, i ahve watche dthe complete tutorial and i understood everything....thanks for the great tutorial.....
Glad to hear that! 😄✨
1 suggestion you can split the screens instead of minimizing again and again.also tailind is mobile first so you may split the screens... also call the components when you create
Yes sounds good, I can add that in on future videos
you are doing better than 99 percent of the youtubers❤❤ ....... no unnecessary 3rd party tools and working on the standard processes
Yes exactly! Thanks for watching I am glad you enjoyed it 🥳
Thank you
You are welcome! Glad you liked it 🙌
Why you use prisma over mongoose with mongodb?
Man, this tutorial is pure gold! Thank you so much. I had a problem with server actions and Prisma, and thanks to you, it now works for me. You explained everything clearly and thoroughly. I’ve definitely subscribed. Thank you once again!
Thank you soooo much! I really appreciate you leaving a comment and a feedback. Thanks for subscribing, glad this video was helpful 😄🙌
Hey man its been a while you uploaded on youtube, good to see you again
Appreciated the support man! I am glad you are here, I will be dropping more 😁🙌
awesome
Thank you so much 😄!
So good!!!
Thank you! Glad you enjoyed it ✨
Thanks bro. I needed it.
Glad it helped ✨
@@oliverthedev
nice tutorial.
Thank you! 😄✨
Good video, thank you.
Glad you enjoyed it Lars! Thank you so much!
You changed my life in a few minutes Oliver, now this is what we call impact.
Thank you so much! This means a lot. Feel free to check other tutorials on my channel :)
Hi, Thanks I have a question in rtk query Would you please help me, how to prevent rtk from calling invalidatesTags if error happens?! Why rtk calls getAll api when error happens in add? How to prevent that?😅
Please ,make a tutorial in Nextjs with javascript and redux toolkit !!
Yes lot on the list! Glad you liked this 😄✨
this tutorial is awesome..
Thank you 😄✨💪
dobby is not free ... he is paid..............
Bro I have a doubt.. while call api.. if face error how to handle it
hey man the tutorial is really nice and i really learned a lot about astro doing it but im having some issues while trying to deploy with typed.js import not working and some styles not loading. It works perfectly on my localhost though haha (it worked in my machine meme). Hope you can help me find a solution :)
this was so good i just had to comment.
Thank you so much! 😎
Thanks so much Oliver
Thank you! Glad you enjoyed it 😄🙌
I loved this tutorial! I had such a hard time understanding how the backend and frontend work together until now. Thank you for the time you put into this! I spent 3 days trying to figure out one error in my code but could never figure it out. My code doesn't totally work because of but I'll figure it out at some point. Thank you again!
Awesome, thanks,
Hii bro. make videos on react query...
Oliver, very nice tutorials, used your videos to learn all about app routers. Now I am seeking some tutorial to configure App router based project to use session based authentication from a backend provided token based authentication apis. This laravel/breeze-next project is exactly what I am looking at but instead of using page router using app router without axios or swr packages.
its not fucking working in now in production, the state of the posts are not changing
Brother make course on Microfrontend 🔥
Tweet.jsx is not displaying anything for me
Okay I figured out where I went wrong, how to implement the add image/video functionality to tweets
I'm getting Timeline Tweets null in console logs, even though there are 5 tweets made by the user I logged in with
1:24:37 I'm facing this error: Error: You can only update your own account at handleError (file:///C:/Users/Lenovo/Desktop/Twitter_Clone/server/error.js:2:19) at deleteUser (file:///C:/Users/Lenovo/Desktop/Twitter_Clone/server/controllers/user.js:44:21) at Layer.handle [as handle_request] (C:\Users\Lenovo\Desktop\Twitter_Clone\server ode_modules\express\lib outer\layerne\server ode_modules\jsonwebtoken\verify.js:101:10) at verifyToken (file:///C:/Users/Lenovo/Desktop/Twitter_Clone/server/verifyToken.js:8:9) at Layer.handle [as handle_request] (C:\Users\Lenovo\Desktop\Twitter_Clone\server ode_modules\express\lib outer\layer.js:95:5)
I dont expect any of this to be easy but when I can't get the handshake as you do at kzread.info/dash/bejne/ZWhnm5iPnda_oJs.html. One hour later.... I forgot to wrap the jsx in parens for the return of <SessionProvider session={session}>{children}</SessionProvider>. The vscode theme doesn't have enough contrast (and the font is too small) in the video to see the filenames clearly in the explorer tree or the tabs....
I recommend you install useful plugins on VScode to detect this problems like prettier, eslint, beautify, emmet. I increased my fonts from my previous videos and this should be ideal.
Waiting for the video on NextJs Optimizations
Dropping today at 11AM 😄
21:35 How will NextJs handle the situation where I have two dynamic routes within posts directory like [id] and [title] ?
Keep it up. It is the best tutorial I come across so far as you referring back to official documentation. thanks bro. Please make more video with CRUD App possible prism and mysql.
Yes that's the plan Naman! Really appreciate your compliments and will do my best to teach all concepts 😄✨
this was good but that fucking bug with undefined id was frustrating , wasted half a day for that shit and still didn't solved and i left the project
Hey I hear you but there's will be times where you face bugs and it could be on your day to day job as welll. The best way to deal is to be patience and come back to it later with a fresh mind 😄
Do we have to create reducer when we use rtk query??
Very informative! Oliver explains nicely all the new concepts of Next.JS 13.4 with a very simple app. Easy to follow.
Thank you Prashantha! This means a lot! I will make sure to keep bringing great tutorials 😄✨
I'm really enjoying so far! thanks.
Thank you so much Victor 😄✨!
This tutorial really has taught me a lot and I'm very thankful. I would love to see a KZread or Netflix clone tutorial, something that involves video hosting. NEW EDIT: Also I found a minor bug with the LeftSideBar logout button. It brings you to the 404 page if you try and logout while looking at a profile. The fix is simple though. The logout button is wrapped in a link that goes to "signin" but it needs to be "/signin" NEW NEW EDIT: I think it's a bad idea to use window.location.reload after posting a tweet to reload all of the timeline tweets. It works fine but it kind of looks bad and messes up the SPA aspect that most websites nowadays use (where it almost seems like there are no page reloads just front end re-renders). What I did was I made a state variable that is set to true when the user clicks the submit tweet button and then set to false after. I pass that variable as a prop to the TimelineTweet component and add it to the useEffect dependency array.
Thank you Dawson for your feedback! Yes there's many ways to handle that but your way is nice and efficient. Glad you found this video helpful 😄