{"id":10065,"date":"2026-08-10T10:14:32","date_gmt":"2026-08-10T10:14:32","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/udemy-astro-js-v5-wordpress-astro-js-tailwindcss-wordpress-2024-3\/"},"modified":"2026-08-10T10:14:32","modified_gmt":"2026-08-10T10:14:32","slug":"udemy-astro-js-v5-wordpress-astro-js-tailwindcss-wordpress-2024-3","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/udemy-astro-js-v5-wordpress-astro-js-tailwindcss-wordpress-2024-3\/","title":{"rendered":"Udemy \u2013 Astro JS v5 &#038; WordPress (Astro.js, TailwindCSS &#038; WordPress) 2024-3"},"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\"><span style=\"vertical-align: inherit\">Astro JS v5 &amp; WordPress Course (Astro.js, TailwindCSS &amp; WordPress). This course shows you how to build modern, fast websites by combining Astro JS for the frontend and WordPress as the headless backend and publish them with Vercel. This course includes updates to Astro v5 and Tailwind v4 and introduces you to modern web development. In this course, you will learn to integrate Astro JS with headless WordPress and publish your site using Vercel with advanced features like Server-Side Rendering (SSR) and Static Site Generation (SSG). You will also use TypeScript for secure coding. Some of the key features of this course include building a real project called \u201cAstro Estates\u201d (a high-end real estate website), using Tailwind CSS for responsive design, developing WordPress templates and blocks for a headless architecture, and retrieving data from WordPress with GraphQL. Also, with the View Transitions API, you can create smooth page transitions and deliver dynamic content by combining static files and API endpoints. In addition, you will add interactive elements to static sites with Astro\u2019s island architecture and React JS. Finally, you will learn how to easily publish your projects to Vercel for fast, scalable, and global sites. After completing this course, you will be able to build full-stack applications with Astro JS and WordPress and create high-quality web experiences for modern business needs.<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"30:1-30:25\"><span style=\"vertical-align: inherit\">What you will learn:<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"32:1-42:0\">\n<li data-sourcepos=\"32:1-32:57\"><span style=\"vertical-align: inherit\">Increase your value and improve your knowledge as a web developer<\/span><\/li>\n<li data-sourcepos=\"33:1-33:18\"><span style=\"vertical-align: inherit\">Learn Astro JS<\/span><\/li>\n<li data-sourcepos=\"34:1-34:107\"><span style=\"vertical-align: inherit\">Create a static, server-compiled, content-driven website using Astro JS and Headless WordPress<\/span><\/li>\n<li data-sourcepos=\"35:1-35:112\"><span style=\"vertical-align: inherit\">Setting up WordPress as a backend for building content, then rendering the content as pages with Astro JS and GraphQL<\/span><\/li>\n<li data-sourcepos=\"36:1-36:100\"><span style=\"vertical-align: inherit\">Deploy your Astro JS static website and rebuild it whenever the content changes using Vercel<\/span><\/li>\n<li data-sourcepos=\"37:1-37:67\"><span style=\"vertical-align: inherit\">Learn how to style Astro JS apps with Tailwind CSS<\/span><\/li>\n<li data-sourcepos=\"38:1-38:67\"><span style=\"vertical-align: inherit\">Learn how to create custom WordPress Gutenberg blocks with ACF pro<\/span><\/li>\n<li data-sourcepos=\"39:1-39:46\"><span style=\"vertical-align: inherit\">Creating static file API endpoints with Astro JS<\/span><\/li>\n<li data-sourcepos=\"40:1-40:74\"><span style=\"vertical-align: inherit\">Implementing smooth page transitions using Astro\u2019s View Transitions API<\/span><\/li>\n<li data-sourcepos=\"41:1-42:0\"><span style=\"vertical-align: inherit\">Creating a basic WordPress theme for our Headless WordPress backend<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"43:1-43:32\"><span style=\"vertical-align: inherit\">Who is this course suitable for?<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"45:1-46:0\">\n<li data-sourcepos=\"45:1-46:0\"><span style=\"vertical-align: inherit\">Web developers who want to learn a better approach to creating static and content-driven websites with WordPress, React JS, and GraphQL using Astro JS.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Astro JS v5 &amp; WordPress Course Specifications (Astro.js TailwindCSS &amp; WordPress)<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li><span style=\"vertical-align: inherit\">Publisher:&nbsp; <\/span><a href=\"https:\/\/href.li\/?https:\/\/www.udemy.com\/course\/astro-js-wordpress\/?couponCode=KEEPLEARNINGGB\" 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-medium ud-btn-link ud-heading-sm ud-text-sm ud-instructor-links\" href=\"https:\/\/downloadlynet.ir\/tag\/tom-phillips\/\" data-position=\"1\"><span class=\"ud-btn-label\"><span style=\"vertical-align: inherit\">Tom Phillips<\/span><\/span><\/a><span style=\"vertical-align: inherit\"> , <\/span><a href=\"https:\/\/downloadlynet.ir\/tag\/webdeveducation-tom-phillips\/\"><span style=\"vertical-align: inherit\">WebDevEducation (Tom Phillips)<\/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: 10 hours and 41 minutes<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Number of lessons: 70<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course syllabus as of 2025\/3<\/span><\/h3>\n<h3 dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-981103 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/05\/Astro-JS-v5-WordPress-Astro.js-TailwindCSS-WordPress-1.png\" alt=\"Astro JS v5 &amp; WordPress (Astro.js TailwindCSS &amp; WordPress)\" width=\"880\" height=\"574\"><\/h3>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Astro JS v5 &amp; WordPress Course Prerequisites (Astro.js TailwindCSS &amp; WordPress)<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Have a good understanding of Javascript<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">WordPress experience would be beneficial but is not a requirement<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Experience with React would be beneficial, but the React code in this course is minimal<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course images<\/span><\/h3>\n<h3 dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-981104 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/05\/Astro-JS-v5-WordPress-Astro.js-TailwindCSS-WordPress.png\" alt=\"Astro JS v5 &amp; WordPress (Astro.js TailwindCSS &amp; WordPress)\" width=\"860\" height=\"346\"><\/h3>\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-163741-1\"><video class=\"wp-video-shortcode\" id=\"video-163741-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Astro_JS_v5_And_WordPress_Astro.js_TailwindCSS_And_WordPress_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Astro_JS_v5_And_WordPress_Astro.js_TailwindCSS_And_WordPress_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Astro_JS_v5_And_WordPress_Astro.js_TailwindCSS_And_WordPress_Downloadly.ir.mp4?nocache=1786137029668\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Astro_JS_v5_And_WordPress_Astro.js_TailwindCSS_And_WordPress_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: English<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Quality: 720p<\/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:\/\/dl3.downloadly.ir\/Files\/Elearning\/Udemy_Astro_JS_v5_And_WordPress_Astro.js_TailwindCSS_And_WordPress_2024-3.part1_Downloadly.ir.rar?nocache=1786137028\"><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:\/\/dl3.downloadly.ir\/Files\/Elearning\/Udemy_Astro_JS_v5_And_WordPress_Astro.js_TailwindCSS_And_WordPress_2024-3.part2_Downloadly.ir.rar?nocache=1786137028\"><span style=\"vertical-align: inherit\">Download Part 2 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Udemy_Astro_JS_v5_And_WordPress_Astro.js_TailwindCSS_And_WordPress_2024-3.part3_Downloadly.ir.rar?nocache=1786137028\"><span style=\"vertical-align: inherit\">Download Part 3 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Udemy_Astro_JS_v5_And_WordPress_Astro.js_TailwindCSS_And_WordPress_2024-3.part4_Downloadly.ir.rar?nocache=1786137028\"><span style=\"vertical-align: inherit\">Download Part 4 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Udemy_Astro_JS_v5_And_WordPress_Astro.js_TailwindCSS_And_WordPress_2024-3.part5_Downloadly.ir.rar?nocache=1786137028\"><span style=\"vertical-align: inherit\">Download Part 5 \u2013 971 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\">4.9 GB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Astro JS v5 &amp; WordPress Course (Astro.js, TailwindCSS &amp; WordPress). This course shows you how to build modern, fast websites by combining As<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[85766,85767,85768,85769,85770,22163,22168],"class_list":["post-10065","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-course-astro-js-v5-wordpress-astro-js-tailwindcss-wordpress","dgi_tag-download-astro-js-v5-wordpress-astro-js-tailwindcss-wordpress","dgi_tag-download-course-astro-js-v5-wordpress-astro-js-tailwindcss-wordpress","dgi_tag-free-astro-js-v5-wordpress-astro-js-tailwindcss-wordpress","dgi_tag-free-download-astro-js-v5-wordpress-astro-js-tailwindcss-wordpress","dgi_tag-tom-phillips","dgi_tag-webdeveducation-tom-phillips"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/10065","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\/10065\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=10065"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=10065"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=10065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}