Thank you my favourite teacher on the internet. Started watching your videos 1 and half year ago when I was first introduced to web development. Learned HTML and CSS by coding along with you. You were the reason I believed that I can become a web developer, so I joined a coding bootcamp in January. Recently I landed my first job as a web developer. I start in a few days and finally made my dream a reality. Thank you for your videos, you are a great motivator and teacher. I wish you all the best, you deserve it. And guys if you really like coding, don't give up. You will eventually land that first job.
@@h2beatzstudio you have to learn HTML, CSS, JS, React and then just keep applying everywhere, eventually there will be a company who will give you a chance. I applied to more than 500 places thriugh different platforms until I got my first job, so don't give up and keep learning daily.
Starting in Next.js 13, the next/image component has undergone some major changes. Compared to the legacy component, the new next/image component has the following changes: Removes wrapper around in favor of native computed aspect ratio Adds support for canonical style prop Removes layout prop in favor of style or className Removes objectFit prop in favor of style or className Removes objectPosition prop in favor of style or className
Thank you so much. I followed you for one year and few months. Now I'm final year student on my IT facutly and also landed a first web developer job as an intern for the next 3 months. On the interview process they were very satisfied with me, and told me to keep up with that for the next 3 months so I can become Junior web developer :D.
every developer that I saw in my life was with stressing vibes .. you feel yourself don't be able to chill and smile after ending a tutorial after them but not you and this is a great greaaat point beside your great work, I hope you are good and happy all the time in your life, thanks for good vibes
Been using tailwind for 2 weeks now. First time watching a dev video that i can understand without pausing and just watching it for fun 😂😂. Thanks as always ed! Keep it up!
Never used tailwind or next js before! yet your teaching make it seem like i fully understand it! THANK YOU. I Completed it at a Go. i also subscribed too.
This came out so well! Thank you so much for the awesome video. It was easy to follow along and was straight to the point! Highly recommend this to my front-end developers.
38:12 if you are wondering why the beautiful, code, consulting picture are sticking to the left even tho you have centered it. You need to put a div around the image, put a style, and display flex and justifyContent: center;
Or you can just add "import Image from "next/legacy/image";" This is the newer version. So you need to add legacy instead of only nex/ image. Then you can use the next image properties.
coolest video! I followed it to a tee...was hard for first time website creator setting up VSCode, but after a few google searches and following your guide, i got a little pretty website now haha....thank you
Very useful video. Not overwhelming with to many things. Simple step by step instructions. I feel more confident to work on my websites using tailwind and react
Thank you for sharing this incredible project with us! You've set a new bar for excellence, and I can't wait to see what you create next. Keep up the fantastic work! 👍🎉
Thank you as always. It was interesting to learn tailwind and React. (THis was literally single page application... you used only one single JSX file to create it. Bravo! Now I am watching your next video. Thank you very much again
Halfway through the video. love it, and appreciate the hard work. One tiny problem for me, the word wrap is off which makes some of the text go off the page, which isn't a big deal still it's just an (Alt + Z) just click it please
Hy, just want to tell this is awesome source for everybody who's looking for build a portfolio from scratch. One thing I didn't understand why he installed next js instead of react.
its crazy that 5 months later im trying to follow this tutorial and even just getting to 6:20 the index.js looks completely different and doesnt even have a footer element
Great video, I just wonder why use React here in the first place? The only feature which really was used here is the dark mode toggle, which is in vanilla JS pretty simple as well. React seems to be quite the overkill for a very static site like this.
Great video as always, Ed. I have been a long time subsriber of yours and your videos have helped me out a lot. Would it be possible for you to do a video on how to make an image gallery using React, TailwindCSS and Infinite Scroll but not use an API? I have a project with about 700 pictures I need to make and I don't want to host them with an API as that will cost a lot of money. I am struggling on how to add infinite scroll and use the image array I have set up. Maybe show both if you do this? I would greatly appreciate it as they are our wedding photos and I think would make a great project to demo as there aren't any examples on UA-cam that I have found showing this setup. Please and thank you!! If not, it was worth a shot!
Yes, the reason for that is the new NextJS update. In order to get the same project structure as in Eds video you have to select No when it asks you 'Would you like to use App Router? (recommended) No / Yes'. :)
Thank you. Please add comments and fix the vscode lines so we are able to see the complete code and code along without having to open the github and check what we missed.
This is my first time building something with js and I can say that it is really engaging and cool to see different features available. Can anyone please suggest or share on how to add urls to the social media icons?
Please make more of these. I'm sure many people will find it extremely useful. Also really love the blender character addition
Thank you my favourite teacher on the internet. Started watching your videos 1 and half year ago when I was first introduced to web development. Learned HTML and CSS by coding along with you. You were the reason I believed that I can become a web developer, so I joined a coding bootcamp in January. Recently I landed my first job as a web developer. I start in a few days and finally made my dream a reality. Thank you for your videos, you are a great motivator and teacher. I wish you all the best, you deserve it. And guys if you really like coding, don't give up. You will eventually land that first job.
Congratulation dude 🎉
inspiring bro. Congrats
how can I land a job bro?
@@h2beatzstudio you have to learn HTML, CSS, JS, React and then just keep applying everywhere, eventually there will be a company who will give you a chance. I applied to more than 500 places thriugh different platforms until I got my first job, so don't give up and keep learning daily.
@@AlexanderTVEducation do you work full remotely or hybrid? And how much time you spent on applying and studying?
Starting in Next.js 13, the next/image component has undergone some major changes.
Compared to the legacy component, the new next/image component has the following changes:
Removes wrapper around in favor of native computed aspect ratio
Adds support for canonical style prop
Removes layout prop in favor of style or className
Removes objectFit prop in favor of style or className
Removes objectPosition prop in favor of style or className
Thank you so much. I followed you for one year and few months. Now I'm final year student on my IT facutly and also landed a first web developer job as an intern for the next 3 months. On the interview process they were very satisfied with me, and told me to keep up with that for the next 3 months so I can become Junior web developer :D.
Congrats bro! Keep it up.😉
every developer that I saw in my life was with stressing vibes .. you feel yourself don't be able to chill and smile after ending a tutorial after them but not you and this is a great greaaat point beside your great work, I hope you are good and happy all the time in your life, thanks for good vibes
I recently started using Tailwind and I am loving these kind of tutorials.
do you still love it? Cause I just posted a video / tutorial on React + Tailwind CSS in 2023 - maybe this is also interesting for you ... 😉
Been using tailwind for 2 weeks now. First time watching a dev video that i can understand without pausing and just watching it for fun 😂😂. Thanks as always ed! Keep it up!
Same. I watch Ed sometimes not to code with him but just to be amused and laugh at his jokes about things I can finally relate! haha
hey new to webdev is next same as react and if I use mern stack as my technology, can I next js?
wow great tutorial ... for the first time seeing tailwind in action, i just fell in love with it
I just gotta say i immidiatly fell in love with ur energy. i wish i was as hyped as you about the things i love
Make more of these, These are SUPER HELPFUL! 💯
I would just like to say, I've watched 15 seconds, and you're extremely likable. Now onto the rest of the vid!
Dev Ed is the best tutor on the internet. Everyone needs to know that!
one of the best tutorials available , thank you very much :)
Never used tailwind or next js before! yet your teaching make it seem like i fully understand it! THANK YOU. I Completed it at a Go. i also subscribed too.
Previous name of the channel was so nice than now🌝
What was ??
@@mrsameergaming6031 Dev Ed
Yeah Dev Ed was better
So i'm not the only one who thinks so
Yes, this one is tough to read.
u made those complex things so easy to understand thanks a lot sir
hope to see more react tailwind tutorials like this
I just posted a video / tutorial on React + Tailwind CSS in 2023 - maybe this is also interesting for you ... 😉
you can use tailwind intellisense... been a savior for me with not having to memorize classes
Fell in love with Tailwind
This came out so well! Thank you so much for the awesome video. It was easy to follow along and was straight to the point! Highly recommend this to my front-end developers.
I thoroughly enjoyed this tutorial! I look forward to customizing this project to make it my own. Thanks for making learning a blast!!!
38:12 if you are wondering why the beautiful, code, consulting picture are sticking to the left even tho you have centered it. You need to put a div around the image, put a style, and display flex and justifyContent: center;
didn't fix it for me
or you can use mx-auto inside the img tag
THANK YOU! CAN YOU TELL ME WHY IT IS LIKE THIS?
Or you can just add "import Image from "next/legacy/image";" This is the newer version. So you need to add legacy instead of only nex/ image. Then you can use the next image properties.
@@_justkarl this worked for me!
I love this kind of videos, where you make jokes and there is in general a good mood in the air. I definitely learned something.
coolest video! I followed it to a tee...was hard for first time website creator setting up VSCode, but after a few google searches and following your guide, i got a little pretty website now haha....thank you
Congratulations 😉
I have coded along with you. Successfully completed. Thanks for sharing your knowledge.
Thank you so much, this video helped me into so many things, and also the plus of the dark mode is such a great feature. Good job!
Thanks this is very useful as a cloud engineer a portfolio is becoming a norm at this point
Very useful video. Not overwhelming with to many things. Simple step by step instructions. I feel more confident to work on my websites using tailwind and react
When i saw React and tailwind the like button was clicked immediately. ❤
I just posted a video / tutorial on React + Tailwind CSS in 2023 - maybe this is interesting for you as well ... 😉
I recommend Ed to capitalise each letter of chanel name. Sometimes I read it like "developed byed".
Great video Ed, and glad you liked the render 🔥🔥 Although it probably looks more like you than me 🤣
It’s truly helpful for me! Thank you my gorgeous friend on the internet!
Really nice tutorial for tailwind css, will be using much more :D thank you!
Thank you for making this so easy to follow along too.
my fix for depreciation in lines 68-70 (deved image styling)
i love your character man, very humble
I like the way you code and that you get lost sometimes too :D Thank you!
Thank you! This video helped me a lot to understand tailwind!
you're a freaking brilliant teacher!
Yeay. Tailwind and next js is 🔥❤️❤️
Thank you so much!!!! 🥰🥰🥰
more react and tailwind plssss🤗
Thank you for sharing this incredible project with us! You've set a new bar for excellence, and I can't wait to see what you create next. Keep up the fantastic work! 👍🎉
after installing everything as you did, my folder structure ist the same as yours , then i couldt follow along with you, thank you for your efforts
Next js has changed a bit , now you get tailwind eslint pre configured you should check documentation it is not good to rely solely on video
Thank you ed, for this awesome tutorial
A really underrated channel
Thank you as always. It was interesting to learn tailwind and React. (THis was literally single page application... you used only one single JSX file to create it. Bravo! Now I am watching your next video. Thank you very much again
Halfway through the video. love it, and appreciate the hard work. One tiny problem for me, the word wrap is off which makes some of the text go off the page, which isn't a big deal still it's just an (Alt + Z) just click it please
That was incredibly straight forward and helpful. Thank you so much :) 10/10
I just posted a Tailwind CSS Tutorial for Beginners (in 2023) ... would love to hear, what you think about my video on this topic? 🤔
thank you! I've been wanting to use React +tailwind for a client landing page but have been afraid of starting
Great tutorial! Cheers from Brazil!
That's a great tutorial Ed, thanks!!
Just when I was about creating my portfolio. Thank youuuu
I've been waiting for this content for years
Framer is built on react. Would be cool if you could show a tutorial on how to run a react site (like this one) through Framer.
it is exactly what i was looking for. Thanks!!
We want more Like this. This is very useful
i've never worked with frameworks in web development before, so this'll be interesting to use.
mega tutek more such subscription added :) Tailwind an React there is power.
Yes! Tailwind + React is awesome! 😉
Thank you Ed you are always so kind.
tried it out and customized it. amazing👌
Hy, just want to tell this is awesome source for everybody who's looking for build a portfolio from scratch. One thing I didn't understand why he installed next js instead of react.
I think because nextjs is a bit faster then create-react-app.
create react app at this point is deprecated and you should stop using it in favour of e.g. Vite or NextJS
its crazy that 5 months later im trying to follow this tutorial and even just getting to 6:20 the index.js looks completely different and doesnt even have a footer element
true... 😄
Thank you very much for the great content Ed... :D 😁
The tutorial is really helpful. Could you also please let us know from where did you managed to export such images please?
Thank you Ed! Much love
What? Ed's back? O boyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy! Awesome! 😊
It's amazing, thank you so much.
Thank you so much
Great as always
Great video, I just wonder why use React here in the first place? The only feature which really was used here is the dark mode toggle, which is in vanilla JS pretty simple as well. React seems to be quite the overkill for a very static site like this.
THANKS FOR THE TUTORIAL MEEEN!! GOD BLESS YOU
More Reactjs please 😊 and Tailwindcss
Do you still want more? Cause I just posted a video / tutorial on React + Tailwind CSS in 2023 - maybe this is also interesting for you ... 😉
Great video as always, Ed. I have been a long time subsriber of yours and your videos have helped me out a lot.
Would it be possible for you to do a video on how to make an image gallery using React, TailwindCSS and Infinite Scroll but not use an API? I have a project with about 700 pictures I need to make and I don't want to host them with an API as that will cost a lot of money. I am struggling on how to add infinite scroll and use the image array I have set up. Maybe show both if you do this? I would greatly appreciate it as they are our wedding photos and I think would make a great project to demo as there aren't any examples on UA-cam that I have found showing this setup. Please and thank you!! If not, it was worth a shot!
Thank you! This is a great video!
hey, so i have a problem. I cant seem to have that pages section with app.js what is going on?
same, unable to find
Yes, the reason for that is the new NextJS update. In order to get the same project structure as in Eds video you have to select No when it asks you 'Would you like to use App Router? (recommended) No / Yes'. :)
@@glebt2429 a year late but oh well, I got my portfolio project done within deadline, didn't end up using nextjs but the project was fine.
Very good video. Like it very well. Tailwind is powerful
awesome vid! what theme/style is that in VS code? looks great :D
Awesome portfolio website) highly recommend
Thank you. Please add comments and fix the vscode lines so we are able to see the complete code and code along without having to open the github and check what we missed.
thank u for the content. nice and helpful. keep it up 👍
You had me at BG!!
Hey are you going to make a node js course? that will be much appreciated thanks great video btw
Great tutorial! Thank you!
Thank you for this video!
This is my first time building something with js and I can say that it is really engaging and cool to see different features available. Can anyone please suggest or share on how to add urls to the social media icons?
add an anchor tag then just link it like normal html
Practice makes you learn a million tis faster. I learned that when I started.
I would have liked to see you use react components and props but great video overall
44:30 greate responsive stuffs there
DevED IS the best bcz old is gold
Улыбка конечно приятная)
I think I will start learning next.
What's the difference between react and next though?🤔
noice & we need some projectes with redux toolkit
Hey Ed thank you for this , can you make a crash course of React with Typescript?
do u mean crush course (for your crush ?) 🤣🤣🤣🤣
@@propavangameryt405 so funny bro how did you come up with such a joke?
@@propavangameryt405 wtf is that joke
Thanks so much, Ed
So amazing bro!
Thanks for create react project,
to be awesome
Thanks men you're amazing
I thought you have 2nd channel then saw the subscribers
Well done my dear.
The balloon! But, why!?!? LOL
Good content as usual