Oliver the DEV

Oliver the DEV

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

Пікірлер

  • @wahibonae
    @wahibonae12 сағат бұрын

    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 :)

  • @dhyanrai5274
    @dhyanrai5274Күн бұрын

    Great App. I'm thinking of coding along, but is the OpenAI Api free ? How's the pricing done?

  • @oliverthedev
    @oliverthedev20 сағат бұрын

    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.

  • @pranshubasak8796
    @pranshubasak87963 күн бұрын

    can i use gemini api rather than open Ai

  • @oliverthedev
    @oliverthedev2 күн бұрын

    Yes you can, it's similar and simpler to use as well

  • @alexdin1565
    @alexdin15654 күн бұрын

    thanks for sharing but why we can't add images using this editor?

  • @oliverthedev
    @oliverthedev4 күн бұрын

    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.

  • @alexdin1565
    @alexdin15654 күн бұрын

    @@oliverthedev Thanks, I will recheck it because it's not working in my code

  • @abhisheaksaraswat-ib1of
    @abhisheaksaraswat-ib1of4 күн бұрын

    Great, which VS theme you’re using.

  • @oliverthedev
    @oliverthedev4 күн бұрын

    Thanks! I am using Material Theme High Contrast

  • @smartdriver2990
    @smartdriver29905 күн бұрын

    Great job bro, keep it up

  • @oliverthedev
    @oliverthedev5 күн бұрын

    Thank you! Glad you enjoyed it 😄🙌

  • @kashmirtechtv2948
    @kashmirtechtv294812 күн бұрын

    create more videos

  • @oliverthedev
    @oliverthedev12 күн бұрын

    Will do, am recording a big tutorial now. Stay tuned

  • @kashmirtechtv2948
    @kashmirtechtv294812 күн бұрын

    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?

  • @oliverthedev
    @oliverthedev12 күн бұрын

    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.

  • @kashmirtechtv2948
    @kashmirtechtv294812 күн бұрын

    @@oliverthedev we used clsx library as well. Now I'm confused between cn and clsx😅

  • @oliverthedev
    @oliverthedev12 күн бұрын

    @@kashmirtechtv2948 They are both similar so should be good if you use either

  • @kashmirtechtv2948
    @kashmirtechtv294812 күн бұрын

    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?

  • @oliverthedev
    @oliverthedev12 күн бұрын

    Yes just to get the id, it's true it weird use case but one way you can get it done

  • @kashmirtechtv2948
    @kashmirtechtv294812 күн бұрын

    why did we do {todo}: {todo: todoProps} instead of {todo} : todoProps?

  • @oliverthedev
    @oliverthedev12 күн бұрын

    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

  • @kashmirtechtv2948
    @kashmirtechtv294812 күн бұрын

    @@oliverthedev got it. Thanks brother ❤️❤️

  • @kashmirtechtv2948
    @kashmirtechtv294812 күн бұрын

    bro, i ahve watche dthe complete tutorial and i understood everything....thanks for the great tutorial.....

  • @oliverthedev
    @oliverthedev12 күн бұрын

    Glad to hear that! 😄✨

  • @kashmirtechtv2948
    @kashmirtechtv294812 күн бұрын

    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

  • @oliverthedev
    @oliverthedev12 күн бұрын

    Yes sounds good, I can add that in on future videos

  • @kashmirtechtv2948
    @kashmirtechtv294812 күн бұрын

    you are doing better than 99 percent of the youtubers❤❤ ....... no unnecessary 3rd party tools and working on the standard processes

  • @oliverthedev
    @oliverthedev12 күн бұрын

    Yes exactly! Thanks for watching I am glad you enjoyed it 🥳

  • @sudarshanjadhav3061
    @sudarshanjadhav306121 күн бұрын

    Thank you

  • @oliverthedev
    @oliverthedev20 күн бұрын

    You are welcome! Glad you liked it 🙌

  • @fallingballs0
    @fallingballs025 күн бұрын

    Why you use prisma over mongoose with mongodb?

  • @NIXO3D
    @NIXO3DАй бұрын

    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!

  • @oliverthedev
    @oliverthedevАй бұрын

    Thank you soooo much! I really appreciate you leaving a comment and a feedback. Thanks for subscribing, glad this video was helpful 😄🙌

  • @CodeClem
    @CodeClemАй бұрын

    Hey man its been a while you uploaded on youtube, good to see you again

  • @oliverthedev
    @oliverthedevАй бұрын

    Appreciated the support man! I am glad you are here, I will be dropping more 😁🙌

  • @anudey8496
    @anudey84963 ай бұрын

    awesome

  • @oliverthedev
    @oliverthedevАй бұрын

    Thank you so much 😄!

  • @user-id5ct2de8v
    @user-id5ct2de8v6 ай бұрын

    So good!!!

  • @oliverthedev
    @oliverthedevАй бұрын

    Thank you! Glad you enjoyed it ✨

  • @mrnabby4178
    @mrnabby41787 ай бұрын

    Thanks bro. I needed it.

  • @oliverthedev
    @oliverthedev6 ай бұрын

    Glad it helped ✨

  • @mrnabby4178
    @mrnabby41786 ай бұрын

    @@oliverthedev

  • @adisakjantrasopark7672
    @adisakjantrasopark76727 ай бұрын

    nice tutorial.

  • @oliverthedev
    @oliverthedevАй бұрын

    Thank you! 😄✨

  • @lars1657
    @lars16577 ай бұрын

    Good video, thank you.

  • @oliverthedev
    @oliverthedev7 ай бұрын

    Glad you enjoyed it Lars! Thank you so much!

  • @stephaniecrispin674
    @stephaniecrispin6748 ай бұрын

    You changed my life in a few minutes Oliver, now this is what we call impact.

  • @oliverthedev
    @oliverthedev7 ай бұрын

    Thank you so much! This means a lot. Feel free to check other tutorials on my channel :)

  • @KimiaSam
    @KimiaSam8 ай бұрын

    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?😅

  • @Martin.a.
    @Martin.a.8 ай бұрын

    Please ,make a tutorial in Nextjs with javascript and redux toolkit !!

  • @oliverthedev
    @oliverthedevАй бұрын

    Yes lot on the list! Glad you liked this 😄✨

  • @thegreatraj01
    @thegreatraj018 ай бұрын

    this tutorial is awesome..

  • @oliverthedev
    @oliverthedevАй бұрын

    Thank you 😄✨💪

  • @thegreatraj01
    @thegreatraj018 ай бұрын

    dobby is not free ... he is paid..............

  • @vanithb6630
    @vanithb66309 ай бұрын

    Bro I have a doubt.. while call api.. if face error how to handle it

  • @melakugarciabonacho234
    @melakugarciabonacho2349 ай бұрын

    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 :)

  • @keyboardbasher5769
    @keyboardbasher57699 ай бұрын

    this was so good i just had to comment.

  • @oliverthedev
    @oliverthedev4 күн бұрын

    Thank you so much! 😎

  • @giraffe4375
    @giraffe437510 ай бұрын

    Thanks so much Oliver

  • @oliverthedev
    @oliverthedev4 күн бұрын

    Thank you! Glad you enjoyed it 😄🙌

  • @ryankonesky7159
    @ryankonesky715910 ай бұрын

    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!

  • @marikevandijk1951
    @marikevandijk195110 ай бұрын

    Awesome, thanks,

  • @sivajikondeti1969
    @sivajikondeti196910 ай бұрын

    Hii bro. make videos on react query...

  • @karmendra1984
    @karmendra198410 ай бұрын

    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.

  • @user-wf5vu6os9s
    @user-wf5vu6os9s10 ай бұрын

    its not fucking working in now in production, the state of the posts are not changing

  • @iamakashkumarram
    @iamakashkumarram10 ай бұрын

    Brother make course on Microfrontend 🔥

  • @snehaashishgupta1254
    @snehaashishgupta125410 ай бұрын

    Tweet.jsx is not displaying anything for me

  • @snehaashishgupta1254
    @snehaashishgupta125410 ай бұрын

    Okay I figured out where I went wrong, how to implement the add image/video functionality to tweets

  • @snehaashishgupta1254
    @snehaashishgupta125410 ай бұрын

    I'm getting Timeline Tweets null in console logs, even though there are 5 tweets made by the user I logged in with

  • @snehaashishgupta1254
    @snehaashishgupta125410 ай бұрын

    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)

  • @cwgabel
    @cwgabel10 ай бұрын

    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....

  • @oliverthedev
    @oliverthedev10 ай бұрын

    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.

  • @pankajwp
    @pankajwp11 ай бұрын

    Waiting for the video on NextJs Optimizations

  • @oliverthedev
    @oliverthedev10 ай бұрын

    Dropping today at 11AM 😄

  • @pankajwp
    @pankajwp11 ай бұрын

    21:35 How will NextJs handle the situation where I have two dynamic routes within posts directory like [id] and [title] ?

  • @namanbhatt-kr7nr
    @namanbhatt-kr7nr11 ай бұрын

    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.

  • @oliverthedev
    @oliverthedev10 ай бұрын

    Yes that's the plan Naman! Really appreciate your compliments and will do my best to teach all concepts 😄✨

  • @Iam-du3vx
    @Iam-du3vx11 ай бұрын

    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

  • @oliverthedev
    @oliverthedev10 ай бұрын

    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 😄

  • @hk_build
    @hk_build11 ай бұрын

    Do we have to create reducer when we use rtk query??

  • @mprashantha1
    @mprashantha111 ай бұрын

    Very informative! Oliver explains nicely all the new concepts of Next.JS 13.4 with a very simple app. Easy to follow.

  • @oliverthedev
    @oliverthedev10 ай бұрын

    Thank you Prashantha! This means a lot! I will make sure to keep bringing great tutorials 😄✨

  • @victorzerefos6557
    @victorzerefos655711 ай бұрын

    I'm really enjoying so far! thanks.

  • @oliverthedev
    @oliverthedev10 ай бұрын

    Thank you so much Victor 😄✨!

  • @DawsonJBailey
    @DawsonJBailey11 ай бұрын

    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.

  • @oliverthedev
    @oliverthedev10 ай бұрын

    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 😄