How to Add Interactive Animations and Page Transitions to a Next.js Web App with Framer Motion
freecodecamp.org
How to Add Interactive Animations and Page Transitions to a Next.js Web App with Framer Motion
The web is vast and it's full of static websites and apps. But just because those apps are static, it doesn't mean they have to be boring. How can we use Framer Motion to add some animations to our web apps and provide a more interactive experience?...
Jul 14, 2020
Shorts
Ironheart vs The Legacy She Can’t Hold
1:51
51.6K views
Ironheart vs The Legacy She Can’t Hold
ASK ME Movies
The Voice of Thunder Babylon Tried to Silence Prince Far I’s Untold Story
2:32
883 views
The Voice of Thunder Babylon Tried to Silence Prince Far I’s Untold Story
One Drop Facts
Next.js Crash Course
Next.js 15 Crash Course | Build and Deploy a Production-Ready Full Stack App
5:23:11
Next.js 15 Crash Course | Build and Deploy a Production-Ready Full Stack App
YouTubeJavaScript Mastery
1.2M views10 months ago
Next.js Crash Course
1:09:45
Next.js Crash Course
YouTubeTraversy Media
839.4K viewsJan 26, 2021
Learn Next.js 15 in 1 hour - Beginner Tutorial
59:25
Learn Next.js 15 in 1 hour - Beginner Tutorial
YouTubeCodevolution
251.6K views10 months ago
Top videos
Next.js Tutorial #6 - Adding Styles
10:40
Next.js Tutorial #6 - Adding Styles
YouTubeNet Ninja
113.7K viewsJan 29, 2021
Powerful Image Optimization with Next JS
Powerful Image Optimization with Next JS
YouTubeThe Code Creative
3.7K viewsSep 30, 2021
Image Component in Next.js | NextJs Tutorial for Beginners #7
Image Component in Next.js | NextJs Tutorial for Beginners #7
YouTubeCodeWithHarry
68.3K viewsFeb 9, 2022
Next.js and React
Next.js Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework
3:26:29
Next.js Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework
YouTubeJavaScript Mastery
2.4M viewsMay 5, 2023
Next.js Tutorial 2025 - Build a Full Stack Social App with React & Next.js
4:22:33
Next.js Tutorial 2025 - Build a Full Stack Social App with React & Next.js
YouTubeCodesistency
109.6K views8 months ago
Next.js React Framework Course – Build and Deploy a Full Stack App From scratch
4:47:37
Next.js React Framework Course – Build and Deploy a Full Stack App From scratch
YouTubefreeCodeCamp.org
617.4K viewsDec 12, 2022
Next.js Tutorial #6 - Adding Styles
10:40
Next.js Tutorial #6 - Adding Styles
113.7K viewsJan 29, 2021
YouTubeNet Ninja
Powerful Image Optimization with Next JS
Powerful Image Optimization with Next JS
3.7K viewsSep 30, 2021
YouTubeThe Code Creative
Image Component in Next.js | NextJs Tutorial for Beginners #7
Image Component in Next.js | NextJs Tutorial for Beginners #7
68.3K viewsFeb 9, 2022
YouTubeCodeWithHarry
Next.js Image Component with Cloudinary (Next.js 12 and below) - Dev Hints
3:34
Next.js Image Component with Cloudinary (Next.js 12 and below) …
11.4K viewsSep 6, 2022
YouTubeCloudinary
How to Create a Video Background Component Using Next.js
How to Create a Video Background Component Using Next.js
Nov 12, 2023
YouTubeEmerson Visuals
The best way to add a background image in NextJs with Tailwind
5:25
The best way to add a background image in NextJs with Tailwind
11.4K viewsJun 22, 2023
YouTubeFunctional Code
Image Upload Firebase & Next JS - EASY
Image Upload Firebase & Next JS - EASY
1.9K viewsMay 16, 2024
YouTubeEincode
Next.js Image in-depth tutorial
29.9K viewsNov 25, 2022
YouTubeZach Gollwitzer
19:36
Adding Background Image in Next.js w/ Image Component
23.6K viewsOct 12, 2022
YouTubeDiGiorGiu
How to Display and Mask Images in Next.js 13 | Step-by-Step Tutorial | …
1.2K viewsSep 9, 2023
YouTubeBug Ninza
20:12
Build an Image Gallery with Next.js 13 #7 - Placeholder
6.9K viewsSep 5, 2023
YouTubeNet Ninja
18:14
[Step by Step] Deploy NextJS on Ubuntu Digital Ocean (2 NextJS A…
40.3K viewsJul 4, 2022
YouTubeDigital CEO
25:35
Next.js 13 with Framer-motion animation
72K viewsNov 29, 2022
YouTubeFor Those Who Code
Optimize Images, Responsive Sizing, & AI Cropping in Next.js wi…
6.7K viewsDec 16, 2022
YouTubeColby Fayock
4:33
Easily add video to your Next.js app
19K viewsOct 26, 2023
YouTubeMux
2:33
NextJS 15, 14, 13 & React - Metadata - Adding Icons + Web Manifest
8.3K viewsMay 24, 2023
YouTubePractical Applications
1:35
How to show Images SMOOTHLY with Next.js Image Component
Apr 18, 2023
YouTubeSakura Dev
How To Install Next Js & Setup Your First Project ✅
26.5K viewsApr 20, 2022
YouTubeRishav Chanda
16:09
Send Emails with Next.js 13 - The Best & Easiest Way
24K viewsJul 26, 2023
YouTubeBrett Westwood - Software Engineer
18:32
Using NextUI Components & Themes in NextJs
55.2K viewsSep 2, 2023
YouTubeHamed Bahram
11:02
Build an Image Gallery with Next.js 13 #3 - Zod Data Schemas
9.8K viewsAug 30, 2023
YouTubeNet Ninja
1:01:32
How to upload Images to Cloudinary Using Next Js 13: Step by step Gu…
5.4K viewsSep 16, 2023
YouTubeJB WEBDEVELOPER
Next.js 15 Image Upload: Full Guide to Server-Side Image Compression
302 views9 months ago
YouTubeMedcode
10:06
Next.js Tutorial - 58 - Image Component
68.5K viewsAug 9, 2021
YouTubeCodevolution
7:58
JavaScript - How to Upload and Display Images ( Updated version …
149.8K viewsAug 9, 2021
YouTubeWeb Dev Tutorials
2:38:25
Next.js for Beginners - Full Course
232.7K viewsJun 1, 2021
YouTubefreeCodeCamp.org
15:34
Uploading Images with Multer | NodeJS and ExpressJS
206.9K viewsDec 24, 2020
YouTubePedroTech
11:18
NodeJS and MongoDB Tutorial #4 - Uploading Files (Single & Multiple)
102.4K viewsFeb 25, 2020
YouTubeSysnSoft
9:01
Add Custom SVG Icons in NextJS - Tutorial
37.8K viewsOct 11, 2022
YouTubeJosh tried coding
See more videos
Static thumbnail place holder

Short videos

1:51
Ironheart vs The Legacy She Can’t Hold
51.6K views2 months ago
YouTubeASK ME Movies
2:32
The Voice of Thunder Babylon Tried to Silence Pr…
883 views1 month ago
YouTubeOne Drop Facts
0:11
12/100 CHALLENGE 10k SUBSCRIBE #freefire #gam…
12.4K views1 month ago
YouTube@RAJ GAMING
0:53
#ಸಬ್ಬಸ್ಸಿಗೆಸೊಪ್…
1 month ago
YouTubeSAVI RUCHI
0:11
Minecraft Cloth Simulation #blender #clothsimulation …
228 views2 weeks ago
YouTubeBe Right Back
1:00
Travel Tip - How to Visit Two Countries for the Price of O…
157 views1 month ago
YouTubeTwoBlackTravelers
0:06
pistol 😱w8 #like #subscribe #pisces #airsoft #viralvide…
18.3K views1 month ago
YouTubepistol
0:23
Minecraft
36.7K views1 month ago
YouTubeQuantum
Frontend Masters on Instagram: "🚀 Next.js App S…
5.6K views3 weeks ago
Instagram
0:44
Oyinda Okunowo on Instagram: "My favourite vi…
458.2K views2 months ago
Instagramoyinda_fitness
Replying to @liz.exotic Apple Cider Vinegar Remedy for …
74.6K viewsOct 6, 2023
TikTokbengal.baby
Stella • Coding • HTML • CSS • JAVASCRIPT on Instagra…
53.4K views2 months ago
Instagram
1:34
what is NEXT JS
5 views4 months ago
YouTubeExplainFlash
0:13
Next.js Fullstack Developer Roadmap
2 months ago
YouTubeProgramming with RK Telugu
0:41
I built apps in days!
198 views2 months ago
YouTubeShawwal Muhammad
2:39
Remote programming using Autel ap200
17.5K viewsDec 16, 2019
YouTubeChris Gmtech
0:39
what is next.js
3 weeks ago
YouTubeGrow Karlo
2:31
Partial Prerendering in Next.js
3 weeks ago
YouTubeAli Alaa
0:39
Rendering Approach in Next JS, Tanstack Start, Remix JS!
49 views2 weeks ago
YouTubeCoding in Cafe
0:38
De Next.js a PHP en 1 día (con IA) 🚀 140KB → 4KB
171 views1 week ago
YouTubeCodigoMate
Static thumbnail place holder