Next js 14 Personal Portfolio Website Using Tailwind CSS | Next js Beginner Project
🔔 Subscribe for more tutorials !!
/ @frontendadvance
💚 Get Project Source Code by Buy Me a Coffee
https://www.buymeacoffee.com/frontend...
❤️ Get Project Source Code by Patreon
/ frontendadvances
==========================================
In this video, you will learn to Build Next js 14 Personal Portfolio Website Using Tailwind CSS, React Awesome Reveal. 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.
React Awesome Reveal: Performant animated components for React apps. Get Started. Playground. Lightweight. It does one thing and does it well. No dependencies, no bloat.
Framework & Library
↪ NextJs 14+
↪ React 18+
↪ Tailwind CSS
↪ React Awesome Reveal
↪ Code Splitting
↪ Google Fonts
↪ Easy Folder Structure
↪ Organized Code Structure
👨💻 Develop the project
https://github.com/frontendadvance/Ne...
👆 Download (files + images)
Click on the GitHub link
Click the green button (code)
Click Download ZIP
⏱ Time Stamps
00:00:05 - Project Intro
00:06:52 - Project Setup
00:15:10 - Navbar Section
00:22:37 - Hero Section
00:42:30 - About Section
00:55:18 - Awards & Honors Section
01:26:36 - Skills Section
01:37:57 - Testimonials Section
01:52:35 - Offer Section
02:00:19 - Blog Section
02:17:28 - Contact Section
02:25:35 - Animation - React Awesome Reveal
02:42:15 - Final Output
==========================================
💙 Support me by PayPal
https://www.paypal.com/paypalme/Rajac...
👍 Thanks for watching!Support me with a like + A Subscription! ❤️