Build and Deploy a Modern Next.js Website With Framer Motion & Tailwind CSS

JavaScript Mastery November 25, 2022
Video Thumbnail

About

No channel description available.

Video Description

Learn how to transform a Figma design into a fully functioning website using Next.js, Framer Motion, and Tailwind CSS, build Metaversus, and gain the skills to build any website you can imagine! Hostinger: https://hostinger.com/javascriptmastery + use code JAVASCRIPTMASTERY ⭐ Join JS Mastery Pro: https://jsmastery.com 💎 Ultimate Next.js Course: https://jsmastery.com/course/the-ultimate-next-js-15-course 🧪 Ultimate Testing Course: https://jsmastery.com/course/the-complete-next-js-testing-course 📗 GSAP Pro Course: https://jsmastery.com/course/gsap-animations-course 📕 Three.js 3D Pro Course: https://jsmastery.com/course/vanilla-three-js-course 📙 JavaScript Pro Course: https://jsmastery.com/course/complete-path-to-javascript-mastery 🚀 Launch Your SaaS Pro Course: https://jsmastery.com/course/build-launch-your-saas-in-under-7-days 📚 Materials/References: GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/project_metaverse Starter Code: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_metaverse/tree/main/starter_repo Figma File - https://www.figma.com/file/EyzNoOFak1Nb1bBx9ZKI7E/Modern-UI%2FUX-Framer-Motion?t=U27Izw4pXMDE1r3r-0 _app.js: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_metaverse/blob/main/pages/_app.js Rate us on TrustPilot: https://jsm.dev/trustpilot https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery Business Inquiries: [email protected] Timestamps: 00:00:00 Intro 00:07:26 Layout 00:13:33 Navbar 00:27:08 Hero section 00:41:40 About section 00:55:04 Explore section 01:14:18 Get Started and New Features 01:31:05 World and Insights 01:47:06 Feedback and Footer 02:06:09 Deployment

You May Also Like

Boost Dev Productivity

AI-recommended products based on this video

Loading...
Magnetic Nasal Strips Starter Kit: Comfortable Nasal Breathing Support for Sleep, Helps Reduce Snoring Noise, Includes 60 Tabs (30 Uses) with 4 Sizes

Magnetic Nasal Strips Starter Kit: Comfortable Nasal Breathing Support for Sleep, Helps Reduce Snoring Noise, Includes 60 Tabs (30 Uses) with 4 Sizes

(40)
$17.99
FREE delivery Wed, Mar 18 on your first orderOnly 7 left in stock.
1K+ bought in past month
Loading...
Environet Hydroponic Growing Kit, Self-Watering Mason Jar Herb Garden Starter Kit Indoor, Windowsill Herb Garden, Grow Your Own Herbs from Organic Seeds (Basil)

Environet Hydroponic Growing Kit, Self-Watering Mason Jar Herb Garden Starter Kit Indoor, Windowsill Herb Garden, Grow Your Own Herbs from Organic Seeds (Basil)

(786)
$69.15$33.51
FREE delivery Jun 13 - 17
Loading...
Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Garden Starter Kit Growing Kit Including Wooden Box Burlap Pots Soil Discs Gardening Tools Unique Easter Birthday Christmas Gift Ideas for Women Mom

Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Garden Starter Kit Growing Kit Including Wooden Box Burlap Pots Soil Discs Gardening Tools Unique Easter Birthday Christmas Gift Ideas for Women Mom

(0)
$30.99
FREE delivery Jun 19 - Jul 3
Loading...
Bonsai Starter Kit – 1x Bonsai Tree | Complete Indoor Starter Kit for Growing Plants with Bonsai Seeds, Tools & Planters – Gardening Gifts for Women & Men
Best Seller

Bonsai Starter Kit – 1x Bonsai Tree | Complete Indoor Starter Kit for Growing Plants with Bonsai Seeds, Tools & Planters – Gardening Gifts for Women & Men

(243)
$19.99
FREE delivery Sat, Jun 14 on your first order
300+ bought in past month
Loading...
Razer DeathAdder Essential Gaming Mouse: 6400 DPI Optical Sensor - 5 Programmable Buttons - Mechanical Switches - Rubber Side Grips - Classic Black

Razer DeathAdder Essential Gaming Mouse: 6400 DPI Optical Sensor - 5 Programmable Buttons - Mechanical Switches - Rubber Side Grips - Classic Black

(15,297)
$24.99$23.24
FREE delivery Sat, Apr 11 on your first order
400+ bought in past month
Loading...
Asus ROG Gladius III Wireless AimPoint Gaming Mouse, Connectivity (2.4GHz RF, Bluetooth, Wired), 36000 DPI Sensor, 6 programmable Buttons, ROG SpeedNova, Replaceable switches, Paracord Cable, White

Asus ROG Gladius III Wireless AimPoint Gaming Mouse, Connectivity (2.4GHz RF, Bluetooth, Wired), 36000 DPI Sensor, 6 programmable Buttons, ROG SpeedNova, Replaceable switches, Paracord Cable, White

(329)
$94.99$93.99
FREE delivery Sat, Jan 3
50+ bought in past month
Loading...
Asus ROG Spatha X Wireless Gaming Mouse – MMO/MOBA Design, 12 Programmable Buttons, Right-Handed, 168g, Dual-Mode (Wired/2.4GHz), 19K DPI, up to 67Hr Battery, Magnetic Charging Dock, PC/Mac Support

Asus ROG Spatha X Wireless Gaming Mouse – MMO/MOBA Design, 12 Programmable Buttons, Right-Handed, 168g, Dual-Mode (Wired/2.4GHz), 19K DPI, up to 67Hr Battery, Magnetic Charging Dock, PC/Mac Support

(1,906)
$149.99
FREE delivery Thu, Jan 8
50+ bought in past month
Loading...
MSI Clutch GM08 4200 DPI, Accurate Optical Sensor, Durable Build Quality, Adjustable Weight System, Dragon Scale Design Side Grips, On The Fly DPI Changing, Optical Wired Gaming Mouse with Red LED

MSI Clutch GM08 4200 DPI, Accurate Optical Sensor, Durable Build Quality, Adjustable Weight System, Dragon Scale Design Side Grips, On The Fly DPI Changing, Optical Wired Gaming Mouse with Red LED

(1,282)
$20.99
FREE delivery Sat, Jan 3 on your first order
100+ bought in past month
Loading...
Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Noise-Cancelling Mic and LED Display, Built-in Mic for Clear Calls, Waterproof Design for Sports

Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Noise-Cancelling Mic and LED Display, Built-in Mic for Clear Calls, Waterproof Design for Sports

(8)
$39.99
FREE delivery Tue, Nov 4
Loading...
Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Powerful Bass, Built-in Noise-Cancelling Mic for Clear Calls, LED Display, 36H Playtime, IPX5 Waterproof Design for Sports

Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Powerful Bass, Built-in Noise-Cancelling Mic for Clear Calls, LED Display, 36H Playtime, IPX5 Waterproof Design for Sports

(40)
$39.99
FREE delivery Thu, Nov 13
Loading...
MSI MAG MT201D - Premium Heavy Duty Dual Monitor Stand Arms, 17-45" Support, VESA Compatible, Adjustable Spring Mount, 44 lbs per Screen, Clamp & Grommet, Quick Release Plate - Black

MSI MAG MT201D - Premium Heavy Duty Dual Monitor Stand Arms, 17-45" Support, VESA Compatible, Adjustable Spring Mount, 44 lbs per Screen, Clamp & Grommet, Quick Release Plate - Black

(168)
$124.99
FREE delivery Wed, Jan 14
50+ bought in past month
Loading...
Lemorele Docking Station Dual Monitor, 6 in 1 USB C Hub Multiport Adapter w/2 HDMI 4K, 5Gbps USB3.0 & 2 USB2.0, 100W PD Charging - USB C Dock for Laptop Dell/HP/MacBook/Surface - Plug and Play
Best Seller

Lemorele Docking Station Dual Monitor, 6 in 1 USB C Hub Multiport Adapter w/2 HDMI 4K, 5Gbps USB3.0 & 2 USB2.0, 100W PD Charging - USB C Dock for Laptop Dell/HP/MacBook/Surface - Plug and Play

(1,822)
$27.19
Prime
1K+ bought in past month
Loading...
USB C Docking Station Dual Monitor for Dell Hp,15-in-1 Laptop Docking Station 3 Monitors USB C Hub with Dual 4K HDMI,8K DP,Button,PD Charging,Ethernet,6 USB A&C,SD/TF, Audio USB-C Multiport Adapter

USB C Docking Station Dual Monitor for Dell Hp,15-in-1 Laptop Docking Station 3 Monitors USB C Hub with Dual 4K HDMI,8K DP,Button,PD Charging,Ethernet,6 USB A&C,SD/TF, Audio USB-C Multiport Adapter

(1,359)
$67.98
FREE delivery Sun, Aug 24
100+ bought in past month
Loading...
InnoView Laptop Screen Extender 15.6" Dual Portable Monitors 1080P FHD Stacked Folding Triple Monitor HDMI USB-C Portable Dual Monitor for Laptop Windows Mac (No Driver Needed)

InnoView Laptop Screen Extender 15.6" Dual Portable Monitors 1080P FHD Stacked Folding Triple Monitor HDMI USB-C Portable Dual Monitor for Laptop Windows Mac (No Driver Needed)

(605)
$379.99
FREE delivery Mon, Aug 11
Loading...
Small Standing Desk Adjustable Height, Mobile Stand Up Desk with Wheels, 32 Inch Portable Rolling Desks for Walking Pad Treadmill Wood Rustic

Small Standing Desk Adjustable Height, Mobile Stand Up Desk with Wheels, 32 Inch Portable Rolling Desks for Walking Pad Treadmill Wood Rustic

(1,020)
$92.99
FREE delivery Mon, Feb 16
Loading...
ERGOMAKER 55-inch Electric Standing Desk, Adjustable Height Stand Desk, Sit Stand Desk with Computer Workstation, Rustic Brown

ERGOMAKER 55-inch Electric Standing Desk, Adjustable Height Stand Desk, Sit Stand Desk with Computer Workstation, Rustic Brown

(369)
$199.99
FREE delivery Thu, Jun 26
Loading...
BEXEVUE Standing Desk, Height Adjustable Electric Desk, 48 x 24 Inches Adjustable Desk, Small Computer Home Office Desk with Splice Board (White)
Best Seller

BEXEVUE Standing Desk, Height Adjustable Electric Desk, 48 x 24 Inches Adjustable Desk, Small Computer Home Office Desk with Splice Board (White)

(268)
$149.99
FREE delivery Thu, Jun 26
200+ bought in past month
Loading...
Portable Rolling Desk on Wheels Small Standing Desk Adjustable Height Desks with Wheels for Small Spaces, 32" Computer Desk with Storage Shelves for Home Office Study,Rustic

Portable Rolling Desk on Wheels Small Standing Desk Adjustable Height Desks with Wheels for Small Spaces, 32" Computer Desk with Storage Shelves for Home Office Study,Rustic

(25)
$89.99
FREE delivery Thu, Jun 26
200+ bought in past month
Loading...
GRADWYSE Education Master Hood Light Blue Graduation Master Degree Hood, Various College Colors Available

GRADWYSE Education Master Hood Light Blue Graduation Master Degree Hood, Various College Colors Available

(178)
$71.57
FREE delivery Feb 17 - 19
Loading...
Asus ZenScreen 16” Portable USB Monitor (MB169CK) - Full HD, IPS, Dual USB-C, Eye Care, Flicker Free, Blue Light Filter, Anti-Glare Surface, 360° Kickstand, 3 yr Warranty

Asus ZenScreen 16” Portable USB Monitor (MB169CK) - Full HD, IPS, Dual USB-C, Eye Care, Flicker Free, Blue Light Filter, Anti-Glare Surface, 360° Kickstand, 3 yr Warranty

(111)
$129.99$100.27
FREE delivery Jan 9 - Feb 4
100+ bought in past month
Loading...
Asus ZenScreen 15.6” 1080P Portable Monitor (MB16ACV) - Full HD, IPS, Eye Care, Flicker Free, Blue Light Filter, Kickstand, USB-C Power Delivery, for Laptop, PC, Phone, Console, Antibacterial Surface , BLACK

Asus ZenScreen 15.6” 1080P Portable Monitor (MB16ACV) - Full HD, IPS, Eye Care, Flicker Free, Blue Light Filter, Kickstand, USB-C Power Delivery, for Laptop, PC, Phone, Console, Antibacterial Surface , BLACK

(2,097)
$209.98$152.10
FREE delivery Jan 13 - 27
50+ bought in past month
Loading...
ASUS ZenScreen 15.6” 1080P Portable Monitor (MB16ACVR) - Full HD, IPS, Eye Care, Flicker Free, Blue Light Filter, Kickstand, USB-C Power Delivery, for Laptop, PC, Phone, Console, Antibacterial Surface

ASUS ZenScreen 15.6” 1080P Portable Monitor (MB16ACVR) - Full HD, IPS, Eye Care, Flicker Free, Blue Light Filter, Kickstand, USB-C Power Delivery, for Laptop, PC, Phone, Console, Antibacterial Surface

(2,000)
$209.00
FREE delivery Aug 11 - 13