{"id":8199,"date":"2026-08-10T09:53:07","date_gmt":"2026-08-10T09:53:07","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/newline-sleek-next-js-applications-with-shadcn-ui-2024-8\/"},"modified":"2026-08-10T09:53:07","modified_gmt":"2026-08-10T09:53:07","slug":"newline-sleek-next-js-applications-with-shadcn-ui-2024-8","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/newline-sleek-next-js-applications-with-shadcn-ui-2024-8\/","title":{"rendered":"Newline \u2013 Sleek Next.JS Applications with shadcn\/ui 2024-8"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<p dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"7:1-7:335\"><span style=\"vertical-align: inherit\">Sleek Next.JS Applications with shadcn\/ui course. This course will help you confidently build modern web UIs using the basics of shadcn\/ui, TailwindCSS, and Radix UI. You\u2019ll learn how to design flexible and modular UIs and implement these skills in your Next.js projects. With this course, you\u2019ll be at the forefront of front-end innovation.<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"9:1-9:25\"><span style=\"vertical-align: inherit\">What you will learn:<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"11:1-21:0\">\n<li data-sourcepos=\"11:1-11:68\"><span style=\"vertical-align: inherit\">Why shadcn\/ui is so popular and how it\u2019s changing the landscape of UI development<\/span><\/li>\n<li data-sourcepos=\"12:1-12:51\"><span style=\"vertical-align: inherit\">Problems solved by shadcn\/ui and the main concepts behind it<\/span><\/li>\n<li data-sourcepos=\"13:1-13:106\"><span style=\"vertical-align: inherit\">How shadcn\/ui uses TailwindCSS and Radix UI to create a collection of beautiful and accessible components<\/span><\/li>\n<li data-sourcepos=\"14:1-14:72\"><span style=\"vertical-align: inherit\">Themes, styles in shadcn\/ui and how to customize them for your needs<\/span><\/li>\n<li data-sourcepos=\"15:1-15:70\"><span style=\"vertical-align: inherit\">Build powerful layouts, tables, data grids, and forms with shadcn\/ui<\/span><\/li>\n<li data-sourcepos=\"16:1-16:91\"><span style=\"vertical-align: inherit\">How to integrate shadcn\/ui with Next.js applications to build modern front-end applications<\/span><\/li>\n<li data-sourcepos=\"17:1-17:41\"><span style=\"vertical-align: inherit\">Customizing internal shadcn\/ui animations<\/span><\/li>\n<li data-sourcepos=\"18:1-18:76\"><span style=\"vertical-align: inherit\">Combining components and creating new components from existing shadcn\/ui components<\/span><\/li>\n<li data-sourcepos=\"19:1-19:41\"><span style=\"vertical-align: inherit\">Creating a custom filter component with shadcn\/ui<\/span><\/li>\n<li data-sourcepos=\"20:1-21:0\"><span style=\"vertical-align: inherit\">How to contribute to shadcn\/ui and help the open source community<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"20:1-20:31\"><span style=\"vertical-align: inherit\">This course is suitable for people who:<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"22:1-29:0\">\n<li data-sourcepos=\"22:1-22:97\"><span style=\"vertical-align: inherit\">They are building user interfaces daily and love learning the most modern front-end technologies.<\/span><\/li>\n<li data-sourcepos=\"23:1-23:70\"><span style=\"vertical-align: inherit\">They spend a lot of time customizing existing UI libraries.<\/span><\/li>\n<li data-sourcepos=\"24:1-24:64\"><span style=\"vertical-align: inherit\">They waste time making their components accessible.<\/span><\/li>\n<li data-sourcepos=\"25:1-25:71\"><span style=\"vertical-align: inherit\">They don\u2019t feel confident in building new components from scratch.<\/span><\/li>\n<li data-sourcepos=\"26:1-26:72\"><span style=\"vertical-align: inherit\">They are tired of adapting their user interface to the requests of their design colleagues.<\/span><\/li>\n<li data-sourcepos=\"27:1-27:82\"><span style=\"vertical-align: inherit\">They understand that modern UI development is a skill and not just about writing code.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course details Sleek Next.JS Applications with shadcn\/ui<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li><span style=\"vertical-align: inherit\">Publisher: <\/span><a href=\"https:\/\/href.li\/?https:\/\/www.newline.co\/courses\/sleek-nextjs-applications-with-shadcn-ui\" target=\"_blank\" rel=\"noopener\"><span style=\"vertical-align: inherit\">Newline<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Instructor: <\/span><a href=\"https:\/\/downloadlynet.ir\/tag\/eyal-cohen\/\"><span style=\"vertical-align: inherit\">Eyal Cohen<\/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: 5 hours and 10 minutes<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Number of lessons: 36<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course topics<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-958204 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/01\/Sleek-Next.JS-Applications-with-shadcn-ui-7.png\" alt=\"Sleek Next.JS Applications with shadcn\/ui\" width=\"1075\" height=\"3611\"><\/p>\n<p dir=\"ltr\" style=\"text-align: left\">&nbsp;<\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course prerequisites<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Basic HTML, CSS, and JavaScript are required, with the course benefiting most from prior experience in React, particularly its fundamentals like hooks, components, state, and props, alongside Next.js familiarity, though not mandatory, with a project utilizing the shadcn -ui Next.js template, while ensuring a functioning Node.js environment with Node.js 16 or later installed, and TypeScript knowledge is advantageous.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course images<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-958199 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/01\/Sleek-Next.JS-Applications-with-shadcn-ui-7.jpg\" alt=\"Sleek Next.JS Applications with shadcn\/ui\" width=\"324\" height=\"347\"><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Sample course video<\/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-152232-1\"><video class=\"wp-video-shortcode\" id=\"video-152232-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Sleek_Next.JS_Applications_with_shadcnui_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Sleek_Next.JS_Applications_with_shadcnui_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Sleek_Next.JS_Applications_with_shadcnui_Downloadly.ir.mp4?nocache=1786111643919\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Sleek_Next.JS_Applications_with_shadcnui_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 dir=\"ltr\" 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\">Subtitles: None<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Quality: 1080p<\/span><\/p>\n<\/div>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Download link<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl1.downloadly.ir\/Files\/Elearning\/Newline_Sleek_Next.JS_Applications_with_shadcnui_2024-8.part1_Downloadly.ir.rar?nocache=1786111643\"><span style=\"vertical-align: inherit\">Download Part 1 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl1.downloadly.ir\/Files\/Elearning\/Newline_Sleek_Next.JS_Applications_with_shadcnui_2024-8.part2_Downloadly.ir.rar?nocache=1786111643\"><span style=\"vertical-align: inherit\">Download Part 2 \u2013 888 MB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File size<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">1.8 GB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Sleek Next.JS Applications with shadcn\/ui course. This course will help you confidently build modern web UIs using the basics of shadcn\/ui, Tailwind<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[73021,73022,73023,73024,73025,73026],"class_list":["post-8199","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-course-sleek-next-js-applications-with-shadcn-ui","dgi_tag-download-course-sleek-next-js-applications-with-shadcn-ui","dgi_tag-download-sleek-next-js-applications-with-shadcn-ui","dgi_tag-eyal-cohen","dgi_tag-free-download-sleek-next-js-applications-with-shadcn-ui","dgi_tag-free-sleek-next-js-applications-with-shadcn-ui"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/8199","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\/8199\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=8199"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=8199"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=8199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}