{"id":6514,"date":"2026-08-10T09:34:10","date_gmt":"2026-08-10T09:34:10","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/udemy-build-portfolio-with-next-js-framer-motion-tailwind-css-2024-9\/"},"modified":"2026-08-10T09:34:10","modified_gmt":"2026-08-10T09:34:10","slug":"udemy-build-portfolio-with-next-js-framer-motion-tailwind-css-2024-9","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/udemy-build-portfolio-with-next-js-framer-motion-tailwind-css-2024-9\/","title":{"rendered":"Udemy \u2013 Build Portfolio with Next.js, Framer Motion, &#038; Tailwind CSS 2024-9"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<div class=\"presented-response-container ng-tns-c118370402-38\">\n<div class=\"response-container-content ng-tns-c118370402-38\">\n<div class=\"response-content ng-tns-c118370402-38\">\n<div class=\"markdown markdown-main-panel response-optimization stronger\" style=\"text-align: left\">\n<p data-sourcepos=\"5:1-5:377\"><span style=\"vertical-align: inherit\">Build Portfolio with Next.js, Framer Motion, &amp; Tailwind CSS course. Welcome to this comprehensive course where you will learn how to build a fully responsive and modern website for your personal portfolio using Next.js, Tailwind CSS and Framer Motion. This project-based course is suitable for all levels of developers, especially those looking to build an impressive portfolio that is not only visually stunning, but fully functional on all devices. Whether your goal is to show your projects to employers, potential clients, or simply improve your web development skills, this course will provide you with everything you need to build a professional website. This course is designed to be accessible to beginners but detailed enough to be useful for experienced developers. Whether you\u2019re a freelancer, job seeker, or just looking to showcase your web development skills, this course will provide you with practical, actionable knowledge to help you achieve your goals.<\/span><\/p>\n<h3 data-sourcepos=\"17:1-17:99\"><strong><span style=\"vertical-align: inherit\">What you will learn in the Build Portfolio with Next.js, Framer Motion, &amp; Tailwind CSS course<\/span><\/strong><\/h3>\n<ul data-sourcepos=\"18:1-23:0\">\n<li data-sourcepos=\"18:1-18:98\"><span style=\"vertical-align: inherit\">Building a fully responsive personal portfolio website using NextJS, Tailwind CSS and Framer Motion.<\/span><\/li>\n<li data-sourcepos=\"19:1-19:91\"><span style=\"vertical-align: inherit\">Create smooth animations and transitions using Framer Motion for an engaging user experience.<\/span><\/li>\n<li data-sourcepos=\"20:1-20:101\"><span style=\"vertical-align: inherit\">Implement a clean and professional design with Tailwind CSS, optimized for different screen sizes.<\/span><\/li>\n<li data-sourcepos=\"21:1-21:72\"><span style=\"vertical-align: inherit\">Develop practical coding skills for use in real web development projects.<\/span><\/li>\n<li data-sourcepos=\"22:1-23:0\"><span style=\"vertical-align: inherit\">Learn how to deploy a fully functional portfolio website on platforms like Vercel, and make it publicly available.<\/span><\/li>\n<\/ul>\n<h3 data-sourcepos=\"24:1-24:30\"><strong><span style=\"vertical-align: inherit\">This course is suitable for people who<\/span><\/strong><\/h3>\n<ul data-sourcepos=\"26:1-30:160\">\n<li data-sourcepos=\"26:1-26:155\"><span style=\"vertical-align: inherit\">Front-end developers eager to build real projects and improve their skills using modern web technologies such as NextJS, Tailwind CSS, and Framer Motion.<\/span><\/li>\n<li data-sourcepos=\"27:1-27:121\"><span style=\"vertical-align: inherit\">Freelancers and web designers who want to create a professional portfolio website to showcase their projects and attract potential clients.<\/span><\/li>\n<li data-sourcepos=\"28:1-28:138\"><span style=\"vertical-align: inherit\">New web development students or graduates looking to enhance their resume with an interactive and hands-on portfolio built from scratch.<\/span><\/li>\n<li data-sourcepos=\"29:1-29:156\"><span style=\"vertical-align: inherit\">Experienced developers who want to improve their skills by learning how to integrate NextJS, Tailwind CSS, and animations with Framer Motion into a practical project.<\/span><\/li>\n<li data-sourcepos=\"30:1-30:160\"><span style=\"vertical-align: inherit\">Anyone interested in web development who wants to learn how to build and deploy a responsive and visually stunning website with a focus on modern tools and frameworks.<\/span><\/li>\n<\/ul>\n<\/div>\n<div class=\"skeleton-loader-container\">\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course specifications Build Portfolio with Next.js, Framer Motion, &amp; Tailwind CSS<\/span><\/h3>\n<ul style=\"text-align: left\">\n<li><span style=\"vertical-align: inherit\">Publisher:&nbsp; <\/span><a href=\"https:\/\/href.li\/?https:\/\/www.udemy.com\/course\/build-portfolio-with-nextjs-framer-motion-tailwind-css\/?couponCode=MTST7102224B2\" target=\"_blank\" rel=\"noopener\"><span style=\"vertical-align: inherit\">Udemy<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Instructor:&nbsp; <\/span><a class=\"ud-btn ud-btn-large ud-btn-link ud-heading-md ud-text-sm ud-instructor-links\" href=\"https:\/\/downloadlynet.ir\/tag\/code-and-create\/\" data-position=\"1\"><span class=\"ud-btn-label\"><span style=\"vertical-align: inherit\">Code And Create<\/span><\/span><\/a><span style=\"vertical-align: inherit\"> , <\/span><a href=\"https:\/\/downloadlynet.ir\/tag\/george-lomidze\/\"><span style=\"vertical-align: inherit\">George Lomidze<\/span><\/a><span style=\"vertical-align: inherit\"> , <\/span><a href=\"https:\/\/downloadlynet.ir\/tag\/lasha-nozadze\/\"><span style=\"vertical-align: inherit\">Lasha Nozadze<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Training level: beginner to advanced<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Training duration: 4 hours and 42 minutes<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Number of courses: 15<\/span><\/li>\n<\/ul>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course topics on 2024\/10<\/span><\/h3>\n<p style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-938381 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/10\/Build-Portfolio-with-Next.js-Framer-Motion-Tailwind-CSS-1.jpg\" alt=\"Build Portfolio with Next.js, Framer Motion, &amp; Tailwind CSS\" width=\"882\" height=\"849\"><\/p>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Build Portfolio with Next.js, Framer Motion, &amp; Tailwind CSS course prerequisites<\/span><\/h3>\n<ul style=\"text-align: left\">\n<li style=\"text-align: left\"><span style=\"vertical-align: inherit\">Text Editor<\/span><\/li>\n<li style=\"text-align: left\"><span style=\"vertical-align: inherit\">Modern Web Browser<\/span><\/li>\n<li style=\"text-align: left\"><span style=\"vertical-align: inherit\">The Basics of HTML, CSS, JavaScript<\/span><\/li>\n<li style=\"text-align: left\"><span style=\"vertical-align: inherit\">The Basics of React<\/span><\/li>\n<\/ul>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course images<\/span><\/h3>\n<p style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-938382 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/10\/Build-Portfolio-with-Next.js-Framer-Motion-Tailwind-CSS.jpg\" alt=\"Build Portfolio with Next.js, Framer Motion, &amp; Tailwind CSS\" width=\"894\" height=\"414\"><\/p>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Sample video of the course<\/span><\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-143680-1\"><video class=\"wp-video-shortcode\" id=\"video-143680-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Build_Portfolio_with_Next.js_Framer_Motion_And_Tailwind_CSS_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Build_Portfolio_with_Next.js_Framer_Motion_And_Tailwind_CSS_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Build_Portfolio_with_Next.js_Framer_Motion_And_Tailwind_CSS_Downloadly.ir.mp4?nocache=1786107437082\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Build_Portfolio_with_Next.js_Framer_Motion_And_Tailwind_CSS_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"text-align: left\">\n<h3><span style=\"vertical-align: inherit\">Installation guide<\/span><\/h3>\n<p><span style=\"vertical-align: inherit\">After Extract, view with your favorite Player.<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Subtitle: None<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Quality: 1080p<\/span><\/p>\n<\/div>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">download link<\/span><\/h3>\n<p style=\"text-align: left\"><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Build_Portfolio_with_Next.js_Framer_Motion_And_Tailwind_CSS_2024-9.part1_Downloadly.ir.rar?nocache=1786107436\"><span style=\"vertical-align: inherit\">Download part 1 \u2013 1 GB<\/span><\/a><\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Build_Portfolio_with_Next.js_Framer_Motion_And_Tailwind_CSS_2024-9.part2_Downloadly.ir.rar?nocache=1786107436\"><span style=\"vertical-align: inherit\">Download part 2 \u2013 1 GB<\/span><\/a><\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Build_Portfolio_with_Next.js_Framer_Motion_And_Tailwind_CSS_2024-9.part3_Downloadly.ir.rar?nocache=1786107436\"><span style=\"vertical-align: inherit\">Download part 3 \u2013 1 GB<\/span><\/a><\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Build_Portfolio_with_Next.js_Framer_Motion_And_Tailwind_CSS_2024-9.part4_Downloadly.ir.rar?nocache=1786107436\"><span style=\"vertical-align: inherit\">Download part 4 \u2013 655 MB<\/span><\/a><\/p>\n<p style=\"text-align: left\"><span style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/p>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">File size<\/span><\/h3>\n<p style=\"text-align: left\"><span style=\"vertical-align: inherit\">3.6 GB<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Build Portfolio with Next.js, Framer Motion, &amp; Tailwind CSS course. Welcome to this comprehensive course where you will learn how to build a ful<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[15413,61651,61652,61653,61654,61655,15431,37073],"class_list":["post-6514","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-code-and-create","dgi_tag-course-build-portfolio-with-next-js-framer-motion-tailwind-css","dgi_tag-download-build-portfolio-with-next-js-framer-motion-tailwind-css","dgi_tag-download-course-build-portfolio-with-next-js-framer-motion-tailwind-css","dgi_tag-free-build-portfolio-with-next-js-framer-motion-tailwind-css","dgi_tag-free-download-build-portfolio-with-next-js-framer-motion-tailwind-css","dgi_tag-george-lomidze","dgi_tag-lasha-nozadze"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/6514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/6514\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=6514"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=6514"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=6514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}