Headless WordPress - Astro WP REST API Tailwind TypeScript

Aprende Astro el Framework enfocado a contenido; Desde crear tus primeros archivos hasta crear proyectos completos.

Con su enfoque centrado en el rendimiento, Astro te permite construir sitios rápidos y con gran performance, modernos y con una experiencia de desarrollo realmente excelente..

Astro entrega HTML optimizado por defecto, permitiéndote usar tus tecnologías favoritas (React, Vue, Svelte, etc.) sin sacrificar velocidad.

En este curso aprenderás desde lo básico hasta técnicas avanzadas para construir sitios estáticos, híbridos que estaremos integrando con WordPress por medio de WP REST API.

En este curso aprenderás todos los temas de Astro.

• Layouts para Elementos compartidos en diferentes páginas.

• Componentes para HTML re-utilizable en diferentes lugares y mejor orden.

• Props para comunicar componentes

• Fetching de datos para consultar API's externas

• TypeScript para tipado fuerte y mejor experiencia de desarrollo

• Integraciones: Tailwindcss, React y Vue.js

• Islands para las partes interactivas de tus proyectos.

Estaremos utilizando WordPress y su REST API para obtener información y crear dos proyectos increíbles: Un Sitio Web y una aplicación Web.

Primer Proyecto: Sitio Web para una Cafetería.

• Crearemos un diseño moderno en Astro y Tailwind para un proyecto de una cafeteria.

• Aprenderás también a consultar la WP REST API de WordPress para obtener titulos, contenido, imágenes y campos personalizados.

• Crearemos un Blog con SSR y SSG las 2 formas que tiene Astro para renderizar contenido.

• Aprenderás sobre Routing Dinámico para obtener información de la misma estructura como las entradas de un blog.

• Integrar Librerías JS desde NPM.

• Formularios de Contacto y Actions.

Segundo Proyecto:  Web App de Quiosco de Comida.

El Segundo proyecto de este curso será más avanzado; Tendremos un quisco de comida con diferentes funciones como:

• Integraciones: React con Zustand y Vue.js con Pinia están incluidos en este proyecto.

• Server Endpoints: Astro te permite crear Endpoints de API para consultar una REST API externa.

• Autenticación y Roles: Este proyecto incluye Autenticación para clientes y administrador, así como roles y permisos.

• JWT: Integraremos autenticación por JWT en WordPress y Astro

• Subida de Archivos: Aprenderás a subir archivos desde React, Astro y Actions.

• Actions: Este Proyecto cuenta con diferentes Actions.

• Tiempo Real: Veremos como hacer algunas partes de nuestro proyecto en tiempo real para una app más dinámica.