Astro JS v3 & WordPress (Astro.js, TailwindCSS & WordPress)

Free Download Astro JS v3 & WordPress (Astro.js, TailwindCSS & WordPress)
Published 11/2023
Created by Tom Phillips,WebDevEducation (Tom Phillips)
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 62 Lectures ( 9h 40m ) | Size: 4.48 GB

Astro JS & Headless WordPress: Build a fully functioning real estate property website with Astro.js Tailwind & WordPress
What you’ll learn
Increase your value and improve your knowledge as a web developer
Learn Astro JS
Create a static, server-compiled, content-driven website using Astro JS & Headless WordPress
Set up WordPress as a backend to build content, then render the content as pages with Astro JS & GraphQL
Deploy your Astro JS static website and rebuild whenever content changes using Vercel
Learn how to style Astro JS apps with Tailwind CSS
Learn how to create custom WordPress Gutenberg blocks with ACF pro
Create static file api endpoints with Astro JS
Implement smooth view transitions using Astro’s View Transitions API
Create a basic WordPress theme for our headless WordPress backend
Requirements
Have a good understanding of Javascript
Experience WordPress would be beneficial but is not a requirement
Experience with React would be beneficial but the React code in this course is minimal
Description
Dive into the world of modern web development with the Astro JS & Headless WordPress course.You’ll explore the innovative integration of Astro JS with a headless WordPress backend, and deploy your website with the cutting-edge hosting platform, Vercel. Experience the advantages of Server-Side Rendering (SSR) and Static Site Generation (SSG) for optimal performance, and write your code confidently in TypeScript.Course Highlights:Real-World Project: Build ‘Astro Estates’, a sophisticated real estate website, applying your skills in a project that mirrors professional development workflows.Tailwind CSS Integration: Achieve stunning, responsive, and modern designs effortlessly with Tailwind CSS, right within your JavaScript environment.Headless WordPress: Dive into basic WordPress block and theme development tailored for headless architecture.GraphQL Expertise: Fetch data seamlessly from WordPress using GraphQL, simplifying data management and boosting your site’s speed.Seamless Page Transitions: Implement the View Transitions API for fluid, app-like navigational experiences between pages.Static and Dynamic Harmony: Learn to manipulate static files and leverage API endpoints for content delivery.React JS Interactivity with Astro island architecture: Bring your static sites to life with interactive elements using Astro’s island architecture and React JS, the industry standard for UI development.Effortless Deployment with Vercel: Discover the simplicity and power of deploying your projects on Vercel, ensuring your sites are not only blazing fast but also globally distributed and scalable.By the time you complete this course, you’ll have a profound understanding of building and deploying full-stack web applications using Astro JS and WordPress with Vercel. This skill set will empower you to craft web experiences that are not just high in quality but also in demand by modern businesses.Join the Astro JS & Headless WordPress course now and start your journey to becoming a full-stack web development expert, with the power to deploy industry-leading websites with ease!
Who this course is for
Web developers who want to learn a better approach to creating static, content-driven websites with WordPress, React JS, and GraphQL, using Astro JS
Homepage
www.udemy.com/course/astro-js-wordpress/