Build and Deploy an Amazing Developer Portfolio with Next JS and Framer Motion
Learn how to build and deploy a modern developer portfolio with animations using Next.js. Perfect for showcasing your web development skills!
⭐ Hostinger - https://hostinger.com/mastery10
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
🌟 Sentry - https://bit.ly/4abT6PG
🎨 Portfolio Figma Design - https://resource.jsmastery.pro/minimal-portfolio
📘 Portfolio Best Practices Guide - https://resource.jsmastery.pro/portfolio-best-practices
🤖 Special Discord Forum - https://resource.jsmastery.pro/portfolio-discord
🌟 Become a top 1% Next.js 14 developer: https://jsmastery.pro/next14
🚀 Skyrocket your career in 4 months: https://jsmastery.pro/masterclass
📚 Materials/References:
GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/portfolio
README (assets & code): https://github.com/adrianhajdin/portfolio/blob/main/README.md
💻 Join our Discord Community - https://discord.com/invite/n6EdbFJ
🐦 Follow us on Twitter: http://twitter.com/jsmasterypro
🖼️ Follow us on Instagram: http://instagram.com/javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 — Intro
00:05:40 — Project Setup
00:14:48 — Hero Section
00:40:30 — Bento Grid
01:23:18 — Recent Projects
01:43:40 — Sentry
01:52:56 — Testimonials
02:06:00 — Work Experience
02:14:18 — My Approach Section
02:26:24 — Footer
02:35:13 — Fixing Bugs
02:39:19 — Deployment
Видео Build and Deploy an Amazing Developer Portfolio with Next JS and Framer Motion канала JavaScript Mastery
⭐ Hostinger - https://hostinger.com/mastery10
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
🌟 Sentry - https://bit.ly/4abT6PG
🎨 Portfolio Figma Design - https://resource.jsmastery.pro/minimal-portfolio
📘 Portfolio Best Practices Guide - https://resource.jsmastery.pro/portfolio-best-practices
🤖 Special Discord Forum - https://resource.jsmastery.pro/portfolio-discord
🌟 Become a top 1% Next.js 14 developer: https://jsmastery.pro/next14
🚀 Skyrocket your career in 4 months: https://jsmastery.pro/masterclass
📚 Materials/References:
GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/portfolio
README (assets & code): https://github.com/adrianhajdin/portfolio/blob/main/README.md
💻 Join our Discord Community - https://discord.com/invite/n6EdbFJ
🐦 Follow us on Twitter: http://twitter.com/jsmasterypro
🖼️ Follow us on Instagram: http://instagram.com/javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 — Intro
00:05:40 — Project Setup
00:14:48 — Hero Section
00:40:30 — Bento Grid
01:23:18 — Recent Projects
01:43:40 — Sentry
01:52:56 — Testimonials
02:06:00 — Work Experience
02:14:18 — My Approach Section
02:26:24 — Footer
02:35:13 — Fixing Bugs
02:39:19 — Deployment
Видео Build and Deploy an Amazing Developer Portfolio with Next JS and Framer Motion канала JavaScript Mastery
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![How to secure a dev job during layoffs?](https://i.ytimg.com/vi/uo4OS3L29mw/default.jpg)
![JavaScript ES2020 - The Most Requested Feature Explained in 10 Minutes](https://i.ytimg.com/vi/OvNIIgysD-s/default.jpg)
![MUST USE Websites & Tools for Web Developers](https://i.ytimg.com/vi/9CEW3Tmx2tg/default.jpg)
![React Hooks - Most Used Features](https://i.ytimg.com/vi/-9M9CGSd69I/default.jpg)
![Build and Deploy a Saas Podcast Platform in Next.js](https://i.ytimg.com/vi/zfAb95tJvZQ/default.jpg)
![Build and Deploy 3 Modern UI/UX Websites and Get Hired as a Frontend Developer | Full 10-Hour Course](https://i.ytimg.com/vi/RbxHZwFtRT4/default.jpg)
![Master the use of APIs and API Testing | Complete Crash Course](https://i.ytimg.com/vi/fvowySuuEIw/default.jpg)
![Build and Deploy a Banking App with Finance Management Dashboard Using Next.js 14](https://i.ytimg.com/vi/PuOVqP_cjkE/default.jpg)
![Full Stack MERN Project - Implement MERN Comments | React + Redux, Node, Express, MongoDB](https://i.ytimg.com/vi/46NRrn4xi5Y/default.jpg)
![Full Stack MERN Project - Pagination & Search | React + Redux, Node, Express, MongoDB](https://i.ytimg.com/vi/LYWgPSbPDfQ/default.jpg)
![Master Async JavaScript using Async/Await | Quokka JS](https://i.ytimg.com/vi/HXQZfuSMTfM/default.jpg)
![Build and Deploy an ARTIFICIAL INTELLIGENCE React App | Alan AI, JavaScript](https://i.ytimg.com/vi/rqw3OftE5sA/default.jpg)
![Web Scraping Full Course 2024 | Build and Deploy eCommerce Price Tracker](https://i.ytimg.com/vi/lh9XVGv6BHs/default.jpg)
![Build and Deploy a Full Stack AI SaaS Platform with Next js 14, TypeScript, Stripe](https://i.ytimg.com/vi/Ahwoks_dawU/default.jpg)
![The Story of JavaScript Mastery](https://i.ytimg.com/vi/i5TAC9OkK-A/default.jpg)
![Build and Deploy a React Admin Dashboard With Real time Data, Charts, Events, Kanban, CRM, and More](https://i.ytimg.com/vi/6a3Dz8gwjdg/default.jpg)
![Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind](https://i.ytimg.com/vi/B91wc5dCEBA/default.jpg)
![Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI](https://i.ytimg.com/vi/GDa8kZLNhJ4/default.jpg)
![Build and Deploy a Full Stack Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS](https://i.ytimg.com/vi/986hztrfaSQ/default.jpg)
![Build and Deploy a Modern Real Estate App | React Website Tutorial](https://i.ytimg.com/vi/y47gYvXchXM/default.jpg)
![Learn how to deploy an NPM Package](https://i.ytimg.com/vi/8FziherTC8M/default.jpg)