Thanks for a great tutorial! For those, who stuck with bento grid not working properly, in BentoGrid component string part of return className should be: "grid grid-cols-1 md:grid-cols-6 lg:grid-cols-5 md:grid-row-7 gap-4 lg:gap-8 mx-auto" Replace default Aceternity style with this, and it should work like a charm
@vedbesinging3990
4 ай бұрын
GOOD JOB BRO
@wisehorizonsx
4 ай бұрын
thnk youu bro
@samski17
4 ай бұрын
I'm stuck with TypeError: flattenColorPalette is not a function in the tailwind.config.ts have any idea?
@alexeydimov4423
4 ай бұрын
@@samski17 not completely sure what could be the reason, but you probably should check that you've done everything correct starting from 21:42. If everything is copied-pasted and edited correct, might be some trouble during installation of Tailwind lib
@JoeAguado
4 ай бұрын
Excellent, yes this matches his github repository.
@thewhitenoise4678
6 сағат бұрын
Those animations are amazing, now want to go deeper with the Framer Motion. Thanks for the inspiration!
@vaibhavsingh_08
4 ай бұрын
Can’t believe how much value you provide for free! Amazing 🔥🔥
@javascriptmastery
4 ай бұрын
Appreciate it! 🔥
@jorden123
4 ай бұрын
I'm liking your new videos automatically because I already know that it's gonna be fire!
@javascriptmastery
4 ай бұрын
Thank you!
@sarmad6166
4 ай бұрын
This is the type of content for which I pay my internet bills for!!
@OPGAMER.
4 ай бұрын
Those animations are just WOW. This will be a great project to build.
@javascriptmastery
4 ай бұрын
Definitely! 😊
@themountains1701
4 ай бұрын
I'm somewhat between an beginner and intermediate react developer and I don't know NextJs, is it worth watching this tutorial for me?
@javascriptmastery
4 ай бұрын
@@themountains1701 yes
@olanrewajuiremide6303
4 ай бұрын
We still haven't gotten over the banking app and here you dropped another banger. 🙌🙌🙌
@javascriptmastery
4 ай бұрын
Yesss! 😊
@Mahammad-Zubair
2 ай бұрын
sir, always amazed by the kind of ui ux designs you bring life to. they are just amazing.
@林幼稚-r9v
4 ай бұрын
OMG! So comprehensive ! Great work !
@CheckmateChronicles-yr6xj
4 ай бұрын
I spend 5 day on this tutorial but finally got my top-notch portfolio! :)
@sachinkumar-yz6ul
2 ай бұрын
Hi, could you please provide the code for this project? I'm encountering several errors while working on it.
@prateekverma2622
Ай бұрын
@@sachinkumar-yz6ul bro have all of you issues have been fixed?
@vrishhtigoel6538
10 күн бұрын
are all resources being used free?
@michealskup5730
4 ай бұрын
Hi Adrian, thank you for the amazing portfolio tutorial! Your content is always top-notch and incredibly helpful. Could you please consider creating a tutorial on building a social media app using Expo and Appwrite? I think it would be a fantastic project for the community. Thanks again for all your hard work!
@javascriptmastery
4 ай бұрын
Great suggestion!
@kumargupta7149
4 ай бұрын
Thank you for consistency Adrian❤❤❤❤❤❤❤❤❤❤❤❤
@javascriptmastery
4 ай бұрын
Always!
@mohiths1090
4 ай бұрын
Thanks JS just finished the project and made some changes looks great, as always keep it up
@javascriptmastery
4 ай бұрын
Great to hear!
@baburqureshi6842
3 ай бұрын
Can you share deployed link
@dev-akeel
4 ай бұрын
1:30 it should be Deployment and Launch 😊
@javascriptmastery
4 ай бұрын
Amazing!! ❤️
@dev-akeel
4 ай бұрын
@@javascriptmastery For 1 or 2?😊
@wasiqonly
4 ай бұрын
Thank you very much. Took me 4 - 5 days to complete this project but finally done. Amazing learning experience! Many thanks :)
@jadencoober6484
20 күн бұрын
Woe dude nice job! Could you tell me what are the prerequisites that I should know before starting to make this? I know js html & css. Ofc I'm learning React but it's gonna take time
@akgamings7643
7 күн бұрын
@@jadencoober6484html css javascript, typescript a bit similar to jsband a bit react and it's component and you are ready to go buddy but even though you don't know these still I would suggest you to go through from it you will get to know many things that you are not going to learn from boring lectures 🩵
@i_vishalsah01
4 ай бұрын
Great work as always. Brings new features and integrating it seamlessly for the community to follow along and build exciting projects every time kudos to you adrian!!! 🎉
@javascriptmastery
4 ай бұрын
That's the plan!
@caiohenriqueuss
2 ай бұрын
Thanks for sharing this content with us! That helped me a lot. God bless you.
@-mohammadalakedy5417
4 ай бұрын
Bro we need to React js Projects , Next js is very heavy on browser My Laptop is Crashing 😢😢
@AlexSmith-ms9xb
4 ай бұрын
Please make a course where you explain how you make those Figma designs. They look awesome!
@Dongamoham.18
4 ай бұрын
You're Insane buddy 🔥 Loved it ❤️🩹
@joshhowe3477
Ай бұрын
I know pretty much 0 about coding was told the best thing to learn is to jump straight into a project which is why I'm following you, I'm noticing as I'm following you alot of errors happen and I don't even know if what I'm doing is right or wrong. Do you think I should not jump straight into projects?
@ralphrosael
4 ай бұрын
The animations are amazing! 🤩🔥 Great work!
@javascriptmastery
4 ай бұрын
Thank you so much 😀
@nowroz745
4 ай бұрын
Can you make a multiplayer player gaming website like tic tac toe with room code like to play between friends?
@javascriptmastery
4 ай бұрын
Cool idea!
@9anzuu7
4 ай бұрын
I remeber your nft game I think it's time for now one 🎉🎉🎉🎉🎉🎉 My best teacher ❤
@victocode
4 ай бұрын
Can't wait to go home to start working on this project, Thank you 🙏 for offering this for free
@javascriptmastery
4 ай бұрын
Enjoy!
@br3ak_
4 ай бұрын
You mean Adrian or his team worked on it and the rest of you just code along and copy what you see on screen lol
@victocode
4 ай бұрын
@br3ak_ I actually try to add my own creative touches to it while i am coding along with the video, even add my own design. I try to do each component my own way before continuing to watch the solution provided by the vide.
@Yaro_x
3 ай бұрын
bro just changed my whole life in 2hrs plus
@opereznet
4 ай бұрын
Awesome! Thank you Adrian, for sharing your huge knowledge, you are the Best !
@javascriptmastery
4 ай бұрын
I appreciate that!
@revanthreddy790
4 ай бұрын
banger, yet again. Im gonna do this now and keep updating my progress here.
@javascriptmastery
4 ай бұрын
Appreciate it!
@orliyah-kotelo
4 ай бұрын
You are killing me 😭. I literally just finished your 3d portfolio one and before that I was doing your other portfolio website😂. Thanks for everything you do though ❤😂
@javascriptmastery
4 ай бұрын
Haha, thank you!
@Insane.18_7
4 ай бұрын
❤🔥 from India Buddy. Thank you so much. And how can we add custom fonts like google fonts into our project? Can you please tell
@ayushsolankiexe
19 күн бұрын
Hey, I’ve built the frontend, and now I’m working on full control with the backend and admin side. I'm facing some issues. Is anyone interested in joining me to complete the backend?
@RavyaEloise
Ай бұрын
I am facing an issue with my tech-stack grid. Seems like my tech-stack and the text are overlapping. Anyone facing similar issues?
@steps5418
13 күн бұрын
me too, I backup my code and then I copy the OP's code from github for the bento grid part, and now it's chaos 😭
@clovermk1635
4 ай бұрын
THANKS SO MUCH! really helpful
@bogdanpaseka7576
4 ай бұрын
vh/wh is not a vertical height or width. it is a viewport height/width
@adeolaokubadejo
3 ай бұрын
amazing project. almost done.
@johnsonachuk2546
22 күн бұрын
I finished this project, one of my best portfolios ever. The only problem with this is that it is slow to load
@charanr6612
4 ай бұрын
Thanks a lot love learning new things in web development instead of just mern stack, I hope to learn next js here it is
@javascriptmastery
4 ай бұрын
Yes!
@crazy_coder
2 ай бұрын
Great Tutorial, But you are not following the NextJS guidelines. One of the most common mistake you are doing is you have to rename the component names to pascal case.
@nelsonberm3910
3 ай бұрын
Amaziing tutoriual thank you!
@Alchemist_dream
22 күн бұрын
cool , even intro made me write thank you , right away ,
@Banksy_said_hi
3 ай бұрын
Amazing Thanks!
@cerfyu
21 күн бұрын
Inside every component like ,, ... all my text are black ( ...). Maybe something wrong with the dark mode . Anybody has an idea ?
@peterxavier1
4 ай бұрын
You're awesome mehn 🔥🔥 I was planning on redesigning my portfolio this week. Great timing. I have been following your channel for years now and you never disappoint.
@learnenglishfromscratch1892
4 ай бұрын
You are a blessing. Thank you!
@javascriptmastery
4 ай бұрын
Happy to help!
@amadeosph2045
4 ай бұрын
Hello, I'm from Brazil, I really learned a lot from this video, I hope you can always create these videos that are better than many courses I've already taken here..... thank you and may God bless and gave everything for you and yours team keep up the wonderful work 👏👏👏😁
@HimanshuKumar-yh7ox
4 ай бұрын
Thanks Adrian for your amazing tutorials. can you make another tutorials of SaaS application. Love from india❤
@MdShakibAlHasan-sb5bd
4 ай бұрын
Hey adrian is back with another level content 🤠🤠
@javascriptmastery
4 ай бұрын
Yess! 🔥
@ElohimCode
3 ай бұрын
Thanks for this fantastic project! I wanted to ask about the icons in the work experience section. Where can I find similar icons for download, though not exactly the same ones?
@koblan_videos
Ай бұрын
Guyzz How can I describe this tutorial, to be honest now I can't say nothing by my extremely happiness for this tutorial
@ahsankabir6810
4 ай бұрын
You are the best. I wish I could sign up for the jsm masterclass and dive deep into the world of Javascript, React and Next.js. Love your content and dedication.
@javascriptmastery
4 ай бұрын
Thank you!
@tolotrarabefaly1333
4 ай бұрын
You're providing so much value for free
@javascriptmastery
4 ай бұрын
Always!
@hooooman.
2 ай бұрын
"Report a bug" button from sentry, is not visible . i mean, when we reload the page, it appears for a brief moment, and when the page loads, it disappears. is it just me or any update or change occured ?
@asthamansoriya6006
2 ай бұрын
Same here , did you find any solution ?
@ezlife2550
2 ай бұрын
@@asthamansoriya6006 Yeah same here
@captvashu8142
2 ай бұрын
same any solution ?
@rodrigovieirabatistadossan9129
Ай бұрын
Same here
@pradeepweerasinghe4201
4 ай бұрын
Our saviour is back❤️
@javascriptmastery
4 ай бұрын
Thanks! 😊
@Ismoil_Sharifov
4 ай бұрын
what is the name of your vscode theme?
@tatertotbot
3 ай бұрын
Guys in the tutorial he tells you to make a ui folder, the spotlight animation, button, or text generation will not work unless you add "./ui/**/*.{ts,tsx}", to the tailwind.config.ts file in the content section
@aashishkumarsingh428
4 ай бұрын
From where do you get those ui designs .any specific website or you create your own from scratch in figma ???
@sollynour6776
2 ай бұрын
Hello sir, I wanted to ask if there was supposed to be an HTML file included since i wasn't able to run it without a HTML file. I tried hosting it using Github Pages, but it didn't work, so is it only meant for it to be run by the localhost:3000 or not? Also based on the Github repo that you mentioned in the description of this video (which I'm quite grateful for), it also didn't mention any html page at all. Additionally, for context, I only used node v22.4.1, and npm 10.8.1. Again thanks for the great video and I am hoping to hear from you once more
@rabeej7201
4 ай бұрын
As usual, so cool 🎉 but I noticed that these amazing animations are causing some issues on different browsers and devices
@javascriptmastery
4 ай бұрын
Thanks! Which ones?
@baronvon369
Ай бұрын
anyone else having issues at 55:00 getting the bg image on box 5 not being snapped to the right, and the text in box 6 not being centered?
@chiderakeshi
4 ай бұрын
Amazing project 🔥🔥❤❤❤❤ pls name of browser used in this video?
@javascriptmastery
4 ай бұрын
Appreciate it! ❤ Arc
@EmanuelRusu-sz2kb
4 ай бұрын
amazing projects,i tried to implement the 3d pin cards in my portfolio but i realise it dosn't redirect me to a new webpage when clicked,i clone your repo as well and yours it behaves the same...any idea why??
@dereks469
2 ай бұрын
did you ever figure otu a solution ? i bee nat it for a minute. they'll navigate locaally but not once deployed
@SUNGWONG5
4 ай бұрын
Goat Of Portfolio !
@javascriptmastery
4 ай бұрын
Haha yess!
@NicolaMeier-d2o
4 ай бұрын
Since when you are using Mac? Or are you still using Windows in some projects?
@javascriptmastery
4 ай бұрын
Switched to Mac about a year ago :)
@MarkMulvey
21 күн бұрын
The fix for the hydration error message involving and is actually pretty straightforward. The error is coming from the fact that there is an nested inside of a in the 3d-pin.tsx file (just search for "" in that file to find it). You should never have a link nested inside another link. So to resolve it, just change the to a instead. The linking functionality is passed down from so that inner isn't necessary. Hope this helps!
@gregorydesjardins5074
13 күн бұрын
html goat right here
@raamiichu4017
Ай бұрын
For those who meet "hydration error" in RecentProjects component, try using dynamic import instead: replace import { PinContainer } from "./ui/Pin"; with import dynamic from "next/dynamic"; const PinContainer = dynamic( () => import("./ui/Pin").then((mod) => mod.PinContainer), { ssr: false } );
@bautiliendo9764
Ай бұрын
Thanks bro ! very helpful
@riyazpt
Ай бұрын
Thanks
@nachikettiwary5628
Ай бұрын
thanks man! but can you tell me what was the issue and what was the fix? so that we can also understand for future reference.
@jimbob23.
Ай бұрын
Another option is inside /3d-pin, change the to a div, then just add the somewhere inside the in /RecentProjects. Seems to just be an HTML nesting issue with the pin component from Aceternity
@HasnainMazharOfficial
13 күн бұрын
My thmesProvider is not dooing my whole theme black, the texts are in black and bg for hero section is white, How to resolve ?
@MdShakibAlHasan-sb5bd
4 ай бұрын
Hey adrian you're back bro 😃
@javascriptmastery
4 ай бұрын
Yes I am!
@ABODY734
4 ай бұрын
thank you for this amazing video i have problem with 3d assets with browsers i did the 3d portfolio that had the desktop PC 3d model using react it didn't show up in any browsers except Firefox after deployment and i am disappointed that after this work i couldn't use it as my portfolio i hope this one is different
@A_Mmusic
3 ай бұрын
what were the technologies we installed in the terminal
@MahmudulHasan-m1f
2 ай бұрын
Excellent video. However I am unsure why the link navigation is not working in the Pin. tsx. Can anyone explain?
@Dongamoham.18
4 ай бұрын
You're my Inspiration 💥
@kousikdas7672
Ай бұрын
Can you add theme switcher and a contact form to this project please? It will be a complete project then that has everything.
@ajcreations3918
4 ай бұрын
Thank you so much for making this🫡🫡
@PlxEI
4 ай бұрын
Man... from Chile, my thanks. Your content is of the highest quality. I will save up to buy your course as soon as I can. Best regards!
@javascriptmastery
4 ай бұрын
I'm so happy to hear that!
@Polybotes10
3 ай бұрын
Anyone facing the issue in the bento grid where in card's image and content take half half space and is not being rendered like adrian's @1:14:00? same issue with the card of tech stack, my title is being displayed over the mini cards
@phirawittungjaroenvorrakhu936
3 ай бұрын
go to BackgroundGradientAnimation at first div after return, change from relative to absolute
@MarloweRamirez-e3q
4 ай бұрын
It's really nice that you included an example of how you configure Tailwind. Keep up the great work! I'm always following your updates.
@harshitnegi05
4 ай бұрын
Please make proper tutorial on three js and gsap brother Love from india❤
@ronin9k
Ай бұрын
Awesome tutorial! At some point my BentoBoxes stopped being animated on hover. Does somebody know what could be the issue?
@skchintu6172
4 ай бұрын
Can you please make a video how to extract padding, spacing .Etc from Figma . It useful for every beginner developer.
@javascriptmastery
4 ай бұрын
Might do something soon
@lituanaskobea.9826
19 күн бұрын
Agree with this one!
@girijeshthodupunuri1300
Ай бұрын
48:20 why does my Bento Grid layout look very different from yours after i added the className prop?
@badrollac9851
Ай бұрын
Have you found the problem?
@girijeshthodupunuri1300
Ай бұрын
@@badrollac9851 yes
@rodrigorivas712
7 күн бұрын
Hi, I don't know if you solved the problem, but I found the solution, in the BentoGrid.tsx component you must place this className and replace the one shown in the video at that minute "grid grid-cols-1 md:grid-cols-6 lg:grid-cols-5 md:grid-row-7 gap-4 lg:gap-8 mx-auto"
@maxzheng1330
3 ай бұрын
Great Tutorial! But have anyone met Unhandled Runtime Error during execution? Thanx very much
@sridhar7251
3 ай бұрын
yess i have! got any fix or something bro?
@maxzheng1330
2 ай бұрын
@@sridhar7251 I think I might have some typing error XD, just examine every component layers and whether they are closed at correct places, I think it will fix the problem~
@404-not-found-service
4 ай бұрын
Thank you very much, I learn a lot about design and how to implement these things for my websites, these types of shorter projects are appreciated but they teach a lot
@javascriptmastery
4 ай бұрын
I'm so happy to hear that!
@al-doori2392
4 ай бұрын
We want to see projects with nuxtjs 😢
@javascriptmastery
4 ай бұрын
Cool idea!
@moose43h
4 ай бұрын
literally doing gods work out here.
@particles__xed
4 ай бұрын
Please an online multiplayer games now please I thank u for honouring my plea the last time Thank you sooo much sir 😚😚 Maybe not on block chain maybe next js or something please
@javascriptmastery
4 ай бұрын
Cool idea!
@sapurachewae9805
4 ай бұрын
The best! thank you for always giving high quality contents.
@javascriptmastery
4 ай бұрын
My pleasure!
@FordNdji
4 ай бұрын
Love u bro so much..!😍
@javascriptmastery
4 ай бұрын
😍
@Janiya.S.K
4 ай бұрын
It's superb 😮❤
@javascriptmastery
4 ай бұрын
Thank you!
@amjadali-cs3si
4 ай бұрын
good one waiting vs code clone
@javascriptmastery
4 ай бұрын
Cool idea!
@mishkathossain2984
4 ай бұрын
I don't have hostinger how can i deploy this??
@shreerajshinde9715
2 ай бұрын
Vercel
@AyushiGaur-mi8bj
2 ай бұрын
how can i deploy without getting error in vercel
@shreerajshinde9715
2 ай бұрын
@@AyushiGaur-mi8bjsolve it! There's no other way
@rodrigovieirabatistadossan9129
Ай бұрын
@@AyushiGaur-mi8bj same here, can you fix it?
@usmanmalik8601
12 күн бұрын
@@AyushiGaur-mi8bjYou can disable unused variables and type any in your eslint, also make sure to use const wherever the variable is not changing, that throws an error in vercel as well. This worked for me. Good thing about vercel is that it guides you specifically wherever the error is.
@pushkrajdeshmukh111
4 ай бұрын
Thx sir ❤❤ love you 😍
@javascriptmastery
4 ай бұрын
Thank you!
@ramannema8965
2 ай бұрын
Grid at 48:18 is not showing as of adrains any sugggestion
@ahamednafees9961
Ай бұрын
same issue
@EdgarCardona-hq9px
2 күн бұрын
where did u find or create those svgs ? THANKS A LOT, EXCELENT VIDEO
@vaibhavkolhe8586
4 ай бұрын
Need such more videos on react and next js For creating better UI to stand out in this AI era
@thefreakguy1946
3 ай бұрын
did some one also stuck with button issue??
@IronCoreWorkouts
Ай бұрын
pt -20 and pt36 not work add the Spotlight how to do that
@josephmouse1390
13 күн бұрын
same here
@tanmaykhandelwal6420
4 ай бұрын
0:23 did anyone notice That Sheetal is Munni , Nisha is Munni and Munni is Aditi Famous Dialogue is Written From Bhagam Bagh😂
@javascriptmastery
4 ай бұрын
Haha, nice catch! 😂
@ReachTheSky0711
4 ай бұрын
how to create dynamic in testimonial section....?
@ramprasadchauhan7
4 ай бұрын
Welcome with new and latest tech project. Please make React native Expo project. There is no more content for react native on KZitem. I just started React native and make complete aora with with your guidance. I want to more projects in expo . ❤ Thank you
@javascriptmastery
4 ай бұрын
Amazing work!
@Website_TV_1
6 күн бұрын
This tutorial is pure gold! The way you integrated Next.js with Framer Motion is super smooth. It really takes the portfolio game to the next level! 🚀 The section at [12:45] where you explain the animations in detail was a game-changer for me! Totally inspired to revamp my own portfolio now. Thanks for the clear and easy-to-follow guide!
Пікірлер: 743