Next JS Portfolio With Framer Motion ( For Beginners Tutorial 2024 )

Learn how to build and deploy a modern developer portfolio with animations using Next.js 14 and framer motion.
Perfect for showcasing your web development skills!


🔗 Links
-------------------------------

💻 Demo  animatedportfolio.vercel.app
🤑 Donate  www.paypal.me/sylvaincodes
🌍 Github Repo github.com/sylvaincodes/portfolio_nextjs
🔴 Patrean  www.patreon.com/sylvaincodes
🔔 Subscribe  www.youtube.com/channel/UC1PZ...
++ Portfolio  www.sylvaincodes.vercel.app



Time Stamps 👇

00:00:00 — Intro
00:15:24 — Environment setup
00:16:47 — Project Folder Structure
00:23:10 — Optimization (SEO SMO)
00:40:40 — Setup KIT UI
01:52:00 — Landing Page
06:55:35 — Project page
07:38:00 — Blog page
08:28:30 — Contact page
08:47:18 — Test & Fixing bugs

Tags:

#nextjs14 
#react 
#framer-motion
#sylvaincodes
#nextjs
#tailwindcss
#frontend
#portfolio
#nextjsportfolio
#animation
#nextjstutorial
#nextjsfreecourse
#next
#reacttailwindcss
#learnnextjs
#fullstatck

Next JS Portfolio With Framer Motion ( For Beginners Tutorial 2024 )

스타트업에서 배운 3가지

New Template Sneak Peek | Inside Unreal

Google's Gemini CodeGen : This FULLY FREE AI Coder can GENERATE APPS in SECONDS!

Angular 101 Crash Course For Beginners: Learn Angular Fundamentals (4 HOURS!)

THESE prompts make NEW ChatGPT o1 UNSTOPPABLE! (Insane Results)

Here is How to Upload an Image to Sanity CMS