Hi friends, thanks for watching ❤ Don’t forget to check hostinger.com/lamadev if you need a hosting or cheap VPS.
@truthhurts46626 ай бұрын
Build a Home automation website pls
@Okwach_Kich6 ай бұрын
Thank you so much
@btwitsbista3495 ай бұрын
where is the brain svg @LamaDev
@abhinavchauhan66655 ай бұрын
@@btwitsbista349did you checked the GitHub repository?
@alimurtaza-cj2hd4 ай бұрын
@lamadev where is Brain SVG
@muhammadobaidullahkhan58876 ай бұрын
Just Finished a NextJs project and now i was trying to make personal porfolio and found your tutorial, Thanks alot buddy
@indian_gaurav_86485 ай бұрын
bro i am facing an issue..... in animate i gave RGB background color but it doesnt visible on screen
@btwitsbista3495 ай бұрын
bro,, can u provide me Brain Svg
@adienking2 ай бұрын
@@btwitsbista349 bro u find the brain image ?
@coder53366 ай бұрын
Framer transition is with Next.js is awesome. Thanks for teaching us different technologies
@tanmayrane87266 ай бұрын
Bro If your portfolio site is completed then can you send me your github link and also live link(if possible)
@shankar666 ай бұрын
sir i followed your next.js 14 course but i found the authentication part a little confusing. can you please make a video on it?
@-mohammadalakedy54176 ай бұрын
+1 When I arrived to backend (mongo db ) I turn off the video 😂
@mDHARYL6 ай бұрын
From backend?
@dontreadmyusername67876 ай бұрын
@@-mohammadalakedy5417in all seriousness though sql driven db are market standard for 50 yrs now Its beyond me why creators still prefer to teach mongodb
@user-oz5eu5nz3h3 ай бұрын
Just completed this project 🔥 It was an awesome experience! Very easy to follow along, and of course, the UI and code were great. I'm definitely going to watch more of your videos! 😊👍
@musharuff50793 ай бұрын
bro how you got the svg of brain can you please share
@user-oz5eu5nz3h3 ай бұрын
@@musharuff5079 it's available in his Github repo
@abdalkareemnegm3 ай бұрын
it's my 5th portfolio tutorial and this is the best fr ! thank you for sharing with us
@CodeBucksАй бұрын
Where did you get the design inspiration for this portfolio? 🙈
@munsifcreations843518 күн бұрын
Yeah, I see codebucks here😅
@giannisnik52956 ай бұрын
Excellent!Loved the mobile first technique!!
@tanmayrane87266 ай бұрын
Bro If your portfolio site is completed then can you send me your github link and also live link(if possible)
@abdallahazme47576 ай бұрын
you wont belive me if i told you i was going to build my portflio today and was hoping you have a toutorial for one.
@aytcunal6 ай бұрын
Bende başka birşey istesem olurmuş 😅 kendime bir tane yapsam diyordum
@tanmayrane87266 ай бұрын
Bro If your portfolio site is completed then can you send me your github link and also live link(if possible)
@manishgautam24243 ай бұрын
some people sale such projects modifying the framerer motion about 240 dollars , legends providing the code for free
@Pixelaze6 ай бұрын
I was looking forward to your next video!
@patricioavila57964 ай бұрын
Hello Dev can you help me please.. where can i find the Github of the SVG Brain ? Please i need it to finish the Portofolio
@25-cse-csmohitkumarmandal593 ай бұрын
Me too sir please upload the complete code ...
@patricioavila57963 ай бұрын
@@25-cse-csmohitkumarmandal59 Hi at the end I made this kzbin.info/www/bejne/j6iaqop-nsx6gas hope it helps
@patricioavila57963 ай бұрын
@@25-cse-csmohitkumarmandal59 Hi at the end I made this kzbin.info/www/bejne/j6iaqop-nsx6gas hope it helps
@nanonkay56694 ай бұрын
I know exactly where he got the inspiration for this style of website from 😂. But it's all good, imma probably do this too, anyway
@PETERFILM2 ай бұрын
Thanks a lot for your cool tutorials!
@mehrdad10686 ай бұрын
I'm was seeking for animated portfolio tutorial thank you sir
@abdalrahmanaldammad88666 ай бұрын
Thank you so mush ...please upload videos about Prisma with Express js
@giannisnik52956 ай бұрын
i made this Provider to wrap every page so we dont have to turn hole page to client "use client"; import { motion } from "framer-motion"; const PageTransitionProvider = ({ children }) => { return ( {children} ); }; export default PageTransitionProvider;
@davekeneАй бұрын
Hello, did you also notice that on mobile, the nav links do not navigate properly? For example you can’t navigate from portfolio page to about page. Please do you know how to fix this?
@razzaqmohammedali46536 ай бұрын
Lama back after long time
@nanonkay56694 ай бұрын
0:55 the feature I want
@muzamilfootballer56826 ай бұрын
Sir u are great huge respect ❤❤❤
@HilariousHound6 ай бұрын
I am following react courses which are amazing, I am keeping this one in queue
@rohitsampannavar3 ай бұрын
where can i get scroll svg code ?
@kanhaiyapandey84475 ай бұрын
please share the brain svg I am unable to find that
@abhinavchauhan66655 ай бұрын
Are you not able to find it from GitHub?
@KingCoffeetooth4 ай бұрын
For anyone having the issue where your PNG/SVG (hero page) is not showing/is stuck at 0px tall, make sure the h-[calc(100vh-6rem)] in either your main page.jsx or transitionProvider is written exactly as is and does not have any spaces, HTML seems to freak out when it sees a space there
@bilalgilani90176 ай бұрын
Thanks lama dev❤
@dustydepot4926 ай бұрын
This is really helpful, thank you so much!
@tanmayrane87266 ай бұрын
Bro If your portfolio site is completed then can you send me your github link and also live link(if possible)
@CodeWithSlowbat5 ай бұрын
it is useful for someone who uses js instead of typescript. Since my project is connected to ts, I have a lot of errors there
@tanmayrane87265 ай бұрын
@@CodeWithSlowbat I too tried using ts first, but then changed to js
@artistdimension13 күн бұрын
hi how to add navbar url section about and all i had issue that
@mdaltafraja6 ай бұрын
Please create a role base authentication in react js with dynamic redirect with indented path when users try to access it's indented path or routes after login
@matejbittner-e4t6 ай бұрын
Hi, why is motion div jumping from left to right, that you can see site behind (52:36 - it slides from left to right, but weirdly move after that from left to right again). Thanks
@tanmayrane87266 ай бұрын
Bro If your portfolio site is completed then can you send me your github link and also live link(if possible)
@alimurtaza-cj2hd4 ай бұрын
where is the brain and arrow SVG I am unable to find that it will be great if anyone help me
@anjalidogra9675Ай бұрын
its in the completed branch of the code, you might be looking in the starter branch
@-mohammadalakedy54176 ай бұрын
Thank you from Syria ❤ I love you , you professional ❤ Please , explain node js and nextjs backend basics ❤
@Loswer3 ай бұрын
i hope your people coming home soon
@kanhaiyapandey84475 ай бұрын
where is the svg
@vishalgupta.16 ай бұрын
Please create projects with advanced react concepts, and industry grade folder structure and code practices, optimisation using hooks, custom hooks, constants, modifying tailwind config to use own theme colors and styles, creating custom tailwind classes. Redux toolkit for auth and theme state management.
@trekcube2 ай бұрын
I'm about 2/3rds of the way through this video. It's been awesome so far, but the part with the brain svg animation is hard for me to follow as someone completely new to svgs and next.js. It seems like your example svg for the brain animation is super long. I'm trying to follow straight through the tutorial (currently stuck at 1:32:44 time mark), but if I straight copy and paste the svg from your example code, it has the motion styles already applied, so it's throwing an error about rotatesForward1 not being defined. Is there anywhere I can find the pure svg code without the motion code baked in? The svg is over 1000 lines long so I'm just trying to save myself troubleshooting work of going through the entire svg and getting rid of all the motion code.
@trekcube2 ай бұрын
Nevermind. Just commented out the style part in the motion.path tags and that seemed to work.
@Devop-q7vАй бұрын
Bro where is svg file, I can't see it
@M4rt1nX6 ай бұрын
Amazing. Thanks a lot!!
@NiteshYadav-yk7xsАй бұрын
Is there any way to statically generate dynamic route pages in next js?😅😊
@proteus16 ай бұрын
Nice to learn from yourself. I noticed you ise a shortcut for className, is it cname. New to your channel and wish to ne a competent developer in the future..
@awaraamin68506 ай бұрын
Please do a full stack with angular and nestJs and mangoDB if it is possible!
@WebDeveloper-xs4uf6 ай бұрын
I'm kind off got to grips with HTML & CSS3 & Tailwind, is getting there. What do I learn next Js ? I wish to know if Lama can offer the Dev any videos to help baby Lama.
@jarvs106 ай бұрын
TY master
@bilalishtiaq70366 ай бұрын
Sir, you've returned to KZbin after quite some time. How are you, everything good?
@alihuseynli36246 ай бұрын
mukemmelsin abeee
@shankar666 ай бұрын
hello sir, i was developing a website in next.js. i am storing images in s3 bucket. now problem is i store only the filepath in database because if i store the s3 presigned link i have to update it every 7 days (you know 7day is the maximum expire time). now suppose i am using an Image. it looks like
@simonpetrus30893 ай бұрын
Do you know where to set the environment variables in Hostinger shared hosting? Of course, we cannot upload .env file like you said right?
@VarunPats6 ай бұрын
Is there any way of adding same effects to image same like hero.png? Thanks!
@nihil_um6 ай бұрын
I wonder the same...
@svetoslavtrifonov64315 ай бұрын
Thanks for the video. Is it a problem if we want to use server components as pages? Also for page transitions isn't it better to use template.tsx/jsx? Again T
@ziad686-c2y6 ай бұрын
thanks vey much about this amazing content but please make all your wonderful projects responsive
@tanmayrane87266 ай бұрын
Bro If your portfolio site is completed then can you send me your github link and also live link(if possible)
@user-li4eb7mt1q5 ай бұрын
not able to find component folder in your git repo
@maverick456-336 ай бұрын
Good Job.. Just Use TailwindCSS. Never USE Hard Cording CSS lol
@toyinatofarati55126 ай бұрын
Nice 👍
@nassirnasr60613 күн бұрын
How can i get brain svg 😢
@ok_instruction82866 ай бұрын
I have to delete .next folder to get rid of errors every time i open vsCode. Any solution?
@taylormonroe4925 ай бұрын
Portfolio page not scrolling on the x-axis Any solution? Please help
@mauiboss52423 ай бұрын
did you find any solution?
@faf14696 ай бұрын
Sir having a problem while uploading your 3last project on ver el?
@gold-junge914 ай бұрын
Any reason why you have not use Typescript?
@kenwarat47506 ай бұрын
Can you build fullstack react web and react native app tutorial like social paltform or shopping.
@btwitsbista3495 ай бұрын
where is brain svg??
@adienking2 ай бұрын
can find bro ??
@juditszabo78874 ай бұрын
the exit function from framer does not work on mine, what could be the problem it is completely black pushing down the navbar on the home page.
@Makseron-p1m3 ай бұрын
Did you come across a fix for this?
@napoleones15 ай бұрын
Sir, may I have your javascriptreact.json?
@travelingtramp4 ай бұрын
Where did he get the svg for the brain?
@franckickchapelon34633 ай бұрын
freepik
@adienking2 ай бұрын
@@franckickchapelon3463 you find ? svg code ?
@worldxwebdesigners4 ай бұрын
Are node modules required in tailwind?
@akshatsrivastava47533 ай бұрын
I am not able to find brain svg how can I get it
@daniel-fi7be6 ай бұрын
lama can i use React to build this instead of Next
@watcher8x5 ай бұрын
Can someone please tell me does this portfolio contains admin pannel..??
@joleDEV27 күн бұрын
why would u need an adminpanel with a portfolio website?
@Wurmbrands3 ай бұрын
any one knows why i did everything the same as in the video but on smaller screens (like on my laptop) the ui get broken for example if the text is to low,or to many gaps,the buttom of the screen is white,and not with the gradient background color
@Wurmbrands3 ай бұрын
ok fixed it, addid "overflow-auto" to the className at the first div of the component prevet the overflow
@abee5536 ай бұрын
Hey, I was wondering where I can get the brain svg since it wasn't present in the github repo.
@tanmayrane87266 ай бұрын
Bro If your portfolio site is completed then can you send me your github link and also live link(if possible)
@mariusherlea93335 ай бұрын
Image with src "/hero.png" has "fill" and a height value of 0. This is likely because the parent element of the image has not been styled to have a set height. I did not find any solution. Please help. Thank you.
@iamsevovo5 ай бұрын
What I figured out is that you must define the height of the Image's parent element using a non-ratio unit (like "vh", "px", or "rem") at least once. Percentages (%) and fractions (like 1/2) alone are not sufficient. For example, consider a layout structured like this: "root - [header / [body - [wrapper -[Image] / Text]]]". Here, you could set the wrapper's height to "h-10vh". If you want the image's height to be determined by the screen's aspect ratio, you need to specify the height of one of its ancestors using a non-ratio unit (like "h-screen" or "h-dvh"). Additionally, all child elements in the hierarchy must have defined heights. If you set the root element's height to "h-screen", you need to define the heights of all its children, not just those directly within the body element (including the header). and remember that if you are going to set the image position based on width property, you need to define parent's width.
@ShreeRadhaKrishnaLove2 ай бұрын
Sir can you provide scroll & brain svg code to me plzz !!
@3EMW_Entertainment5 ай бұрын
Hello @Lama Dev Can i host this website in GitHub repository?
@samuraipiang82036 ай бұрын
Sir Waiting for you a long time❤❤❤
@25-cse-csmohitkumarmandal593 ай бұрын
Hey where didi you find the svg code
@adienking2 ай бұрын
@@25-cse-csmohitkumarmandal59 you find this svg code ?
@giannisnik52956 ай бұрын
i created a container class in globals.css also .container { @apply px-4 sm:px-8 md:px-12 lg:px-20 xl:px-48; }
@alphamunene26565 ай бұрын
where is the svg?
@Lab_Analyst4 ай бұрын
in the "completed" branch
@Rounak-sv7nj5 ай бұрын
Hey, What extension are you using to get recommendation when you type anything in classname??? is it some nextjs or css extension? Its name please
@Lab_Analyst5 ай бұрын
Tailwind CSS Intellisense
@Antonio-fo2ck5 ай бұрын
Hello Lama, thank you for great tutorial
@Antonio-fo2ck5 ай бұрын
One solution is to add overscroll-behavior-y: "contain" to body styles to disable pull to refresh
@davekeneАй бұрын
Hello, did you also notice that on mobile, the nav links do not work properly. For example, you can’t easily navigate from the portfolio page to any other page except the home page?
@dinupriyaranaweera72504 ай бұрын
is it responsive?
@adienking3 ай бұрын
how can download the source code ?
@indian_gaurav_86485 ай бұрын
cant send email
@iamsevovo5 ай бұрын
Thanks, this is awesome. BTW, I can feel some lags by scrolling in the about page on the demo website. Is it possible to improve the performance? or is it a kind of limitation of next js?
hey lama ty for wonderful project but there is a bug when we click on hamburger menu when we are not on homepage about and portfolio link does'nt work but home and contact does i gave a lot of time but i am not able to understand why this is not working ,maybe it has something to do with positioning but i could'nt solve it ,i cloned your code but it has same bug ,hope you fix this and please reply here what's was the issue😄
@tanmayrane87266 ай бұрын
Bro If your portfolio site is completed then can you send me your github link and also live link(if possible)
@davekeneАй бұрын
Hello, were you able to fix this? If you did, please can you tell me how?
@AshishVaishnav-tb8tsАй бұрын
At least provide the source code. You shared the GitHub link, but there’s nothing useful code that I can use in my code. For example, you mentioned an SVG file for the scroll effect on the About page. You could easily paste it into your code, but where are we supposed to get it from?
@LamaDevАй бұрын
Hi, you should check the completed branch on the repository
@Desert_Person3 ай бұрын
NavLink Not working.
@davekeneАй бұрын
Hello, please were you able to fix it?
@fahadahmedakash80454 ай бұрын
Brain svg is not rotating along with its center axis.
@alimurtaza-cj2hd4 ай бұрын
where is the Brain SVG can you please share the link i am unable to find that
@pushpendradubey7904 ай бұрын
please share brain svg
@ShreeRadhaKrishnaLove2 ай бұрын
Can you share the Brain Svg
@pushpendradubey7902 ай бұрын
@@ShreeRadhaKrishnaLove I have but... where I share it
@adienking2 ай бұрын
@@pushpendradubey790 bro can send this me ? i buy with 5 usdt
@debashis.mishra6 ай бұрын
50:04
@jimmadjy6 ай бұрын
my hero.png is not showing , even though I set the parent div position: relative. It only shows if I remove the "fill" property from Image and add hardcoded width and height properties, but then it won't be responsive. I copied from the github repo , but still haven't managed it to work.
@filipsmoczkiewicz62936 ай бұрын
I've came across the same problem, have you maybe found a solution?
@jimmadjy6 ай бұрын
not yet. Gotta do more research on why is that happening.@@filipsmoczkiewicz6293
@iamsevovo5 ай бұрын
@@filipsmoczkiewicz6293 you need to define non-ratio height(like h-screen h-dvh) for the Image's parent element, and give the ratio height for all of the parent's branches.
@sanskarmasurkar8076 ай бұрын
svg source?
@tanmayrane87266 ай бұрын
Bro If your portfolio site is completed then can you send me your github link and also live link(if possible)
@user-ee3ov5yp4p6 ай бұрын
brain svg assets where bro
@tanmayrane87266 ай бұрын
Bro If your portfolio site is completed then can you send me your github link and also live link(if possible)