Build a Stunning React Portfolio, Next.js, Typescript, TailwindCSS & Framer Motion
🔔 Subscribe for more!
https://www.youtube.com/@frontendadvance
Join this channel to get access to perks:
https://www.youtube.com/channel/UCCtRU2bFRnUWTOLdpv5iOgg/join
💚 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 a Stunning React Portfolio, Next.js, Typescript, TailwindCSS & FramerMotion. 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 Animate Presence component to keep components in the DOM while they perform an exit animation.
Tailwind CSS: Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
TypeScript: TypeScript is a syntactic superset of JavaScript which adds static typing. This basically means that TypeScript adds syntax on top of JavaScript
👨💻 Starter project
https://github.com/frontendadvance/Build-a-Stunning-React-Next-JS-Typescript-Tailwind-CSS-Framer-Motion
👆 Download (files + images)
Click on the GitHub link
Click the green button (code)
Click Download ZIP
⏱ Time Stamps
00:00:05 - Project Intro
00:05:49 - Project Setup
00:08:08 - Hero Section
00:32:17 - Carousel
00:38:29 - Navbar Section
00:52:58 - Benefits Section
00:59:33 - Features Section
01:13:53 - Testimonials Section
01:31:19 - FAQ's Section
01:43:51 - Final Output
==========================================
💙 Support me by PayPal
https://www.paypal.com/paypalme/RajacharlesSRD
👍 Thanks for watching!Support me with a like + A Subscription! ❤️
Видео Build a Stunning React Portfolio, Next.js, Typescript, TailwindCSS & Framer Motion канала Frontend Advance
https://www.youtube.com/@frontendadvance
Join this channel to get access to perks:
https://www.youtube.com/channel/UCCtRU2bFRnUWTOLdpv5iOgg/join
💚 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 a Stunning React Portfolio, Next.js, Typescript, TailwindCSS & FramerMotion. 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 Animate Presence component to keep components in the DOM while they perform an exit animation.
Tailwind CSS: Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
TypeScript: TypeScript is a syntactic superset of JavaScript which adds static typing. This basically means that TypeScript adds syntax on top of JavaScript
👨💻 Starter project
https://github.com/frontendadvance/Build-a-Stunning-React-Next-JS-Typescript-Tailwind-CSS-Framer-Motion
👆 Download (files + images)
Click on the GitHub link
Click the green button (code)
Click Download ZIP
⏱ Time Stamps
00:00:05 - Project Intro
00:05:49 - Project Setup
00:08:08 - Hero Section
00:32:17 - Carousel
00:38:29 - Navbar Section
00:52:58 - Benefits Section
00:59:33 - Features Section
01:13:53 - Testimonials Section
01:31:19 - FAQ's Section
01:43:51 - Final Output
==========================================
💙 Support me by PayPal
https://www.paypal.com/paypalme/RajacharlesSRD
👍 Thanks for watching!Support me with a like + A Subscription! ❤️
Видео Build a Stunning React Portfolio, Next.js, Typescript, TailwindCSS & Framer Motion канала Frontend Advance
react portfolio website tutorial react portfolio nextjs portfolio website next level portfolio portfolio website react react portfolio website tailwind next.js for beginners next.js tutorial js framer motion tailwind css tailwind css tutorial portfolio website Tailwind javascript next js reactjs 18 reactjs next 14 app react js next js website nextjs portfolio next js 14 Portfolio Stunning react portfolio website nextjs tutorial Build a Stunning Website
Комментарии отсутствуют
Информация о видео
9 декабря 2024 г. 18:30:33
01:49:42
Другие видео канала