Categories
Website Design

Next js 14 Personal Portfolio Website Using Framer Motion | Next js Beginner Project [Video]

Next js 14 Personal Portfolio Website Using Framer Motion | Next js Beginner Project

đź”” Subscribe for more!
https://www.youtube.com/frontendadvance

đź’š Get Project Source Code by Buy Me a Coffee
https://www.buymeacoffee.com/frontendadvance

❤️ Get Project Source Code by Patreon
https://www.patreon.com/frontendadvances

==========================================
In this video, you will learn to Build Next js 14 Personal Portfolio Website Using React JS, React Slick, Framer Motion. Just follow the steps and run examples!

Next JS: Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations. Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more.

React JS: React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript.

Framer Motion: Framer Motion provides the AnimatePresence component to keep components in the DOM while they perform an exit animation.

đź“‚Assets:
https://drive.google.com/drive/folders/19wm_vFaG0F9YAVWuJp_VM_PGDmSSfmle?usp=sharing

⏱ Time Stamps
00:00:05 – Project Intro
00:05:38 – Project Setup
00:15:22 – Intro Section
00:43:57 – Nav Section
00:40:30 – Transition Section
01:11:18 – Theme Toggle
01:23:50 – About Section
01:35:57 – Project Section
01:55:54 – Skill Section
01:35:25 – Service Section
02:02:56 – Contact Section
02:09:25 – Final Output
==========================================

đź’™ Support me by PayPal
https://www.paypal.com/paypalme/RajacharlesSRD

👍 Thanks for watching!Support me with a like + A Subscription! ❤️

Watch/Read More