How to Create a Stunning Portfolio Website with Nextjs, Tailwind CSS and Framer-motion
Next.js portfolio project tutorial with Framer Motion and Tailwind CSS.
00:00 Introduction
03:35 Installation
06:35 Responsive Navbar Design with Next.js & Tailwind CSS
17:17 Hamburger Menu Design with Next.js & Tailwind CSS
28:35 Next.js How to Give Active Link Style for a Navbar Link?
31:51 Hero Section Design with Next.js & Tailwind CSS
38:43 Next.js Framer Motion Tutorial
46:10 Framer Motion Hamburger Menu Animation
52:52 Framer Motion Stagger Children Tutorial
55:14 Next.js Framer Motion Page Transition Tutorial
01:11:52 Portfolio Website About Page Design
01:18:15 Portfolio Website Skills Section Design
01:20:45 Timeline Design with Tailwind CSS
01:32:44 Framer Motion SVG Animation Tutorial
01:34:19 Framer Motion Scroll Animation Tutorial (useScroll & useTransform hooks)
01:41:06 Framer Motion useInView Hook Tutorial
01:47:24 Portfolio Page Design with Next.js & Tailwind CSS
01:48:12 Framer Motion Horizontal Scroll Animation Tutorial
01:59:44 Circle Text Rotation Animation Tutorial
02:04:47 Portfolio Single Item Design
02:08:44 Portfolio Website Contact Page Design
02:10:32 Framer Motion Text Typing Animation
02:13:09 Next.js Contact Form Design
02:17:57 Portfolio Website How to Send a Mail Using a Contact Form?
02:25:44 How to Deploy a Next.js App to a Hosting?
02:30:40 Outro
-
23:57
Software Tutorials by Jake Cyr
3 years ago $0.01 earnedHow to Create a Responsive Portfolio Website from Scratch - HTML, CSS, Bootstrap Tutorial
110 -
1:37:20
Time to Code with Ali
1 year ago $0.01 earnedBuild a Portfolio with NEXT.js13 & TypeScript & TailwindCSS
1311 -
26:23
Webcrunch
5 months ago $0.01 earnedTailwind CSS Mouse-Tracking Glow Effect with JavaScript
39 -
9:32
FlameDesign
1 year agoBuild Your Stunning Portfolio Website in 2023 Complete React Tailwind Tutorial for Web Designers
5 -
50:53
NeoDev
11 months agoJavaScript, Bootstrap, and SCSS: Clone a Stunning Single Page!
9 -
21:33
Webcrunch
7 months agoHow I Create Tailwind CSS Plugins From Scratch
4 -
4:16
AHMEDKAZEKA97
2 years agoTailwind CSS : Build 2 Advanced Projects
62 -
41:14
NeoDev
1 year agoCome and create this flashy card with CSS
5 -
1:57:13
Innovated
1 year agoBuild a Full Stack Next js App with React, TailwindCSS, MongoDB & Express js
162 -
33:48
NeoDev
1 year agoYour First Responsive Menu - JS and CSS
12