Видео

Great work thank you!!

many thanks to you man, from many videos I found this simple and clear. keep going in react tutorials and THANKS again 🤝

Next-videos is not working properly if you want to deploy the app on github pages for example.

nice content bro

Pls how can I set the progress bar to display on the right🙏🙏. I saw how you did both top and bottom and was really hoping you'd show 'right' 🥺 8:42

Great work thank you!!

Yes I changed the next.config.mjs to what you wrote below then I got this error: Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'next-videos' imported from C:\Users\Home\securedataexchange ext.config.mjs at packageResolve (node:internal/modules/esm/resolve:853:9) at moduleResolve (node:internal/modules/esm/resolve:910:20) at defaultResolve (node:internal/modules/esm/resolve:1130:11) at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:396:12) at ModuleLoader.resolve (node:internal/modules/esm/loader:365:25) at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:38) at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:85:39) at link (node:internal/modules/esm/module_job:84:36) { code: 'ERR_MODULE_NOT_FOUND' } Can You Help me out?

Beautiful content man, thank you for the effort!

Amazing like always

Hey hey. I basically built the same thing but ran into an issue. I added section snap scroll to my page. In order for snap scroll to work the container needs a fixed height in my case 100vh. Since this means that the entre thing fits inside the viewport the scroll progress is always at 100% and the bar is omnipresent. Any idea how to work around that?

after deployment the video does not appears, how to fix this issue?

Thanks so much for the awesome tutorial! Goes to show how powerful framer motion is when using it with Next.js or React!

What are the benefits of using next-videos indtead of explicitly coding a react component with video tag?

great video, but i'm facing a problem. Video just works fine in localhost, but when i deploy to vercel, it does not show up

Gracias Luisito Comunica Programador

nice video!. Mobbin subscription is so expensive for us because of our country's low purchasing power, idk what is great alternative or cheap alternative, i find refero little cheaper with student discount what do you recommend? is refero is good as mobbin? or any other free platform for ux flows etc? thank you

Great tutorial

How am I only finding this channel now . Beautiful content 💯

This is amazing!! This video has inspired me to create my first portfolio, thank you so much and keep it up!!!

ATTENTION EVERYONE: If you are using a next.config.mjs file RATHER than a next.config.js file the syntax shown in the video will not work. If you wish to use the next.config.mjs file then use the following syntax as an alternative to solve the issue: /** @type {import('next').NextConfig} */ import withVideos from "next-videos"; const nextConfig = { /* config options here */ }; export default { ...nextConfig, ...withVideos(), }; Thanks everyone - happy coding

nice video, i didnt know about the second and third website

tnQ,🥰 it was really useful to me thanks a lot😍😍

what about performance? example does it affect the video loading if a user lands on the page and has slow internet. i know it depends on the video size but does it matter if its just added on the hero as a background like the example you provided?

Learn more about framer motion in react/nextJS projects by checking out my latest video here: ruclips.net/video/TQcXSK0k52s/видео.html

Great video! Thanks for showing the workflow. I'm curious if you tried any tools for designers to make the website live, like Webflow for Figma or any of the AI tools that generate code from Figma

Framer motion is sweet.

Thank you for putting this together and offering it up. I am interested in learning Framer Motion, so this was great. It was helpful for me to comment out the 'prefers-color-scheme: dark' media query in the global.css file. That way I could follow along and produce the same result in the browser. Also, the burger menu effect, developed from scratch, is straightforward but very cool. Really enjoyed working through this. Thanks again!

A 44-minute video, and what I did was watch and copy everything like you were doing, adapting it to my project. It took me about 3 hours since I was going back and forth, but I've learned a lot. I understanded some CSS concepts that I didn't before and at the same time, learned more React. I know I can't reproduce this menu on my own just yet, but I surely have a better idea now of many elements. If I continue practicing and writing code, I know I'll start creating my own sidebars. So, thanks a lot!

Can I use router with .js files or just .jsx?

Great video! I am excited to start using some of these tools.

How do you import a color palette from AI color into Figma?

Great vid! I wish if you showed us how to link the site and make it working live!

This is amazing! Will be using these in my future designs. Thanks so much!

Hey all! A brand new AI related design tutorial just got released - check it out here! ruclips.net/video/jXaPGlBZ5VU/видео.html

If you want to see more AI related content with web or UI design, go check out this video I made previously: ruclips.net/video/wOwHRqpecN4/видео.html

Great content :)

Is it performant for web perf?

But when you build the app and deploy it, the video does not get render (on Firebase)

why use stroke instead of icons directly?

Thank you for the lesson👍

Save my day! Thank you!

Hey great video! Anyway, I would suggest to have some preview of what you're doing at the start of the video. Thanks a lot.

That good man Can you able to do next.js and firebase project if no able to do ok fine 😊

Hey everyone, thanks for watching! If you would like to see more NextJS content feel free to check out my previous tutorial here ruclips.net/video/uYrtKrn3Gy0/видео.html

thanks bruv

Hey everyone, thanks for tuning in. If you would like to get access to the brushes I used in the video you can find them here: emersonvisuals.gumroad.com/l/architecturebrushpack

Hey everyone, thanks for tuning in. If you would like to see more Next.js related content check out this video ruclips.net/video/JcYMICpVTCA/видео.html

Hey everyone, thanks for tuning in! If you would like to see more content related to Next.js I just released a new project here ruclips.net/video/uYrtKrn3Gy0/видео.html

Hey everyone, thanks for watching! If you would like to see more react related content check out this video ruclips.net/video/IQWrdGZvv6Y/видео.html

Hey everyone, thanks for tuning in! If you would like to see more AI-related content check out this video ruclips.net/video/wOwHRqpecN4/видео.html