🔔 Subscribe for more!
ru-vid.com
💚 Get Project Source Code by Buy Me a Coffee
www.buymeacoffee.com/frontendadvance
❤️ Get Project Source Code by Patreon
www.patreon.com/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
📂Assets
drive.google.com/drive/folders/1-g47fuxVQDLPNd7uI4AxE4up_tTfPQTk?usp=sharing
⏱ 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
www.paypal.com/paypalme/RajacharlesSRD
👍 Thanks for watching!Support me with a like + A Subscription! ❤️
14 окт 2024
