Saltar al contenido
wandres.dev
Iniciar sesión

Astro

De islands architecture a producción: componentes, content collections, SSR/SSG, actions, view transitions, el compilador en Rust y desplegar en el edge.

42 unidades · 206 temasEmpezar la ruta
  1. 00

    Nivel 0

    1 temas
    1. 01La ontología de Astro 7hechoen curso
  2. 01

    Nivel 1

    5 temas
    1. 01El problema que Astro resuelvehechoen curso
    2. 02La solución de Astro: HTML por defectohechoen curso
    3. 03La arquitectura de islas explicadahechoen curso
    4. 04Astro frente a Next, Nuxt, SvelteKit y Remixhechoen curso
    5. 05Astro 7 en 2026: Rust, Vite 8 y Rolldownhechoen curso
  3. 02

    Nivel 2

    5 temas
    1. 01Crear un proyecto: el asistente de Astrohechoen curso
    2. 02La estructura de directorioshechoen curso
    3. 03astro.config.mjs a fondohechoen curso
    4. 04El CLI de Astrohechoen curso
    5. 05TypeScript en Astro e integracioneshechoen curso
  4. 03

    Nivel 3

    5 temas
    1. 01Anatomía de un componente .astrohechoen curso
    2. 02El frontmatter: código que nunca llega al clientehechoen curso
    3. 03El template: HTML con expresioneshechoen curso
    4. 04Importar y componer componenteshechoen curso
    5. 05.astro frente a componentes de frameworkhechoen curso
  5. 04

    Nivel 4

    5 temas
    1. 01Expresiones en el templatehechoen curso
    2. 02Listas y renderizado condicionalhechoen curso
    3. 03Fragment: agrupar sin nodo extrahechoen curso
    4. 04Atributos dinámicos y class:listhechoen curso
    5. 05Directivas de template: set:html, is:inline, define:varshechoen curso
  6. 05

    Nivel 5

    5 temas
    1. 01Recibir props y tiparlas con interface Propshechoen curso
    2. 02Props opcionales, valores por defecto y resthechoen curso
    3. 03El slot por defecto y la composiciónhechoen curso
    4. 04Named slots: varios huecos con nombrehechoen curso
    5. 05Fallback y slots avanzadoshechoen curso
  7. 06

    Nivel 6

    5 temas
    1. 01Estilos scoped por defectohechoen curso
    2. 02El scoping por dentrohechoen curso
    3. 03Estilos globales y la ruptura del ámbitohechoen curso
    4. 04Variables CSS y define:varshechoen curso
    5. 05Tailwind y el enfoque utility-firsthechoen curso
  8. 07

    Nivel 7

    5 temas
    1. 01Qué es un layout y por quéhechoen curso
    2. 02Construir un layout con slothechoen curso
    3. 03El patrón head y SEOhechoen curso
    4. 04Layouts anidadoshechoen curso
    5. 05Pasar datos a layoutshechoen curso
  9. 08

    Nivel 8

    5 temas
    1. 01src/pages y el enrutado por ficheroshechoen curso
    2. 02Tipos de página: .astro, .md, .mdx y endpointshechoen curso
    3. 03Navegación entre páginas y Astro.urlhechoen curso
    4. 04trailingSlash, base y la configuración de rutashechoen curso
    5. 05Páginas 404 y 500 y redireccioneshechoen curso
  10. 09

    Nivel 9

    5 temas
    1. 01Rutas dinámicas con [param]hechoen curso
    2. 02getStaticPaths en modo estáticohechoen curso
    3. 03Rutas catch-all con [...rest]hechoen curso
    4. 04Pasar datos con props desde getStaticPathshechoen curso
    5. 05Rutas dinámicas en SSRhechoen curso
  11. 10

    Nivel 10

    5 temas
    1. 01Redirecciones: redirects y Astro.redirecthechoen curso
    2. 02Paginación con paginate()hechoen curso
    3. 03La prop page y la navegaciónhechoen curso
    4. 04Rewrites con Astro.rewrite()hechoen curso
    5. 05Prioridad y orden de rutashechoen curso
  12. 11

    Nivel 11

    5 temas
    1. 01Qué son las content collections y por quéhechoen curso
    2. 02content.config.ts y el glob loaderhechoen curso
    3. 03El schema con Zod: tipos, opcionales y validaciónhechoen curso
    4. 04Consultar y renderizar: getCollection, getEntry y renderhechoen curso
    5. 05Referencias, imágenes y patrones de bloghechoen curso
  13. 12

    Nivel 12

    5 temas
    1. 01La Content Layer API: qué es y por quéhechoen curso
    2. 02Los loaders integrados: glob() y file()hechoen curso
    3. 03Escribir un loader inline: fetch a una APIhechoen curso
    4. 04El loader como objeto: load, store y contextohechoen curso
    5. 05Caching incremental y el meta storehechoen curso
  14. 13

    Nivel 13

    5 temas
    1. 01Markdown en Astro: frontmatter, layout y slugshechoen curso
    2. 02Renderizar contenido: render, Content y getHeadingshechoen curso
    3. 03Plugins remark: transformar el AST de Markdownhechoen curso
    4. 04Plugins rehype: transformar el HTML resultantehechoen curso
    5. 05Configuración global de Markdown en astro.confighechoen curso
  15. 14

    Nivel 14

    5 temas
    1. 01Qué es MDX y cuándo usarlohechoen curso
    2. 02Componentes dentro de MDXhechoen curso
    3. 03Expresiones y exportaciones en MDXhechoen curso
    4. 04Layouts y frontmatter en MDXhechoen curso
    5. 05El prop components al renderizarhechoen curso
  16. 15

    Nivel 15

    5 temas
    1. 01Resaltado nativo: Shiki integrado y cero JavaScripthechoen curso
    2. 02Elegir tema y afinar shikiConfighechoen curso
    3. 03El componente Code: resaltar desde el servidorhechoen curso
    4. 04Transformers de Shiki: líneas, foco, diff y palabrashechoen curso
    5. 05Prism como alternativa: cliente frente a servidor y rendimientohechoen curso
  17. 16

    Nivel 16

    5 temas
    1. 01Un feed RSS desde una colección con @astrojs/rsshechoen curso
    2. 02El sitemap automático: filter, customPages y serializehechoen curso
    3. 03Endpoints que emiten JSON y otros formatoshechoen curso
    4. 04import.meta.glob: datos y assets fuera de las coleccioneshechoen curso
    5. 05robots.txt, canonical y Open Graph derivados del contenidohechoen curso
  18. 17

    Nivel 17

    5 temas
    1. 01Qué es una isla: modelo mental y anatomíahechoen curso
    2. 02client:load y client:idle: urgencia y pacienciahechoen curso
    3. 03client:visible y client:media: hidratar bajo demandahechoen curso
    4. 04client:only: islas sin servidor y sus riesgoshechoen curso
    5. 05Compartir estado entre islas y el presupuesto de JShechoen curso
  19. 18

    Nivel 18

    5 temas
    1. 01astro add react: integraciones y renderershechoen curso
    2. 02React y Preact: props, children y los límites de la hidrataciónhechoen curso
    3. 03Solid, Vue y Svelte como islashechoen curso
    4. 04Anidar frameworks distintos y pasar slotshechoen curso
    5. 05Compartir estado entre islas con nanostoreshechoen curso
  20. 19

    Nivel 19

    5 temas
    1. 01Qué son las server islands y qué resuelvenhechoen curso
    2. 02El contenido fallback mientras la isla se resuelvehechoen curso
    3. 03Cómo funcionan las server islands por dentrohechoen curso
    4. 04Casos de uso de las server islandshechoen curso
    5. 05Límites y buenas prácticas de las server islandshechoen curso
  21. 20

    Nivel 20

    5 temas
    1. 01Los modos de render en Astro 7hechoen curso
    2. 02prerender por página: el híbrido finohechoen curso
    3. 03El objeto Astro en SSRhechoen curso
    4. 04Datos: request-time frente a build-timehechoen curso
    5. 05Estrategias: static-first, SSR selectivo y server islandshechoen curso
  22. 21

    Nivel 21

    5 temas
    1. 01Qué es un adapter y por qué SSR lo necesitahechoen curso
    2. 02@astrojs/node: standalone y middlewarehechoen curso
    3. 03Adapters de edge y serverlesshechoen curso
    4. 04Configurar el adapter y las APIs del runtimehechoen curso
    5. 05Elegir plataforma y portar entre adaptershechoen curso
  23. 22

    Nivel 22

    5 temas
    1. 01Endpoints estáticos: un GET que hornea ficheroshechoen curso
    2. 02Endpoints SSR: verbos, cuerpo de la petición y APIContexthechoen curso
    3. 03Params dinámicos y getStaticPaths en endpointshechoen curso
    4. 04Cabeceras, status, streaming y CORShechoen curso
    5. 05Patrones reales: webhooks, subidas, proxys y rate-limithechoen curso
  24. 23

    Nivel 23

    5 temas
    1. 01Qué es el middleware en Astrohechoen curso
    2. 02context.locals: del middleware a las páginas, tipadohechoen curso
    3. 03Modificar la respuesta desde el middlewarehechoen curso
    4. 04sequence(): encadenar varios middlewareshechoen curso
    5. 05Casos reales: auth, i18n, logging, seguridad y A/Bhechoen curso
  25. 24

    Nivel 24

    5 temas
    1. 01Qué son las Actions: funciones de servidor type-safehechoen curso
    2. 02El input con Zod: validación automática y accept formhechoen curso
    3. 03Llamar una action: data, error e isInputErrorhechoen curso
    4. 04Formularios HTML progresivos con Actionshechoen curso
    5. 05Errores tipados, seguridad y patrones de Actionshechoen curso
  26. 25

    Nivel 25

    5 temas
    1. 01La Sessions API de Astro: estado del lado del servidorhechoen curso
    2. 02Configurar el almacenamiento: drivers de sesiónhechoen curso
    3. 03Cookies con Astro.cookies: opciones y firmahechoen curso
    4. 04Patrón de autenticación con sesiónhechoen curso
    5. 05Estado efímero vs persistente, flash y seguridad de sesiónhechoen curso
  27. 26

    Nivel 26

    5 temas
    1. 01El ClientRouter: navegar como una SPA sin dejar de ser un MPAhechoen curso
    2. 02transition:name y transition:animate: emparejar y animarhechoen curso
    3. 03transition:persist: conservar islas y estado entre páginashechoen curso
    4. 04Los eventos del ciclo: reaccionar a cada navegaciónhechoen curso
    5. 05Animaciones a medida y accesibilidad del movimientohechoen curso
  28. 27

    Nivel 27

    5 temas
    1. 01astro:assets y el componente Imagehechoen curso
    2. 02Picture: varios formatos y art directionhechoen curso
    3. 03Imágenes remotas y en coleccioneshechoen curso
    4. 04getImage y los servicios de imagenhechoen curso
    5. 05Rendimiento: CLS, carga y pipelinehechoen curso
  29. 28

    Nivel 28

    5 temas
    1. 01La API de fuentes de Astrohechoen curso
    2. 02El componente Font y el preloadhechoen curso
    3. 03Proveedores: Google, Fontsource y localhechoen curso
    4. 04Rendimiento tipográfico y CLShechoen curso
    5. 05Autoalojar fuentes vs CDNhechoen curso
  30. 29

    Nivel 29

    5 temas
    1. 01import.meta.env: las variables que Astro hereda de Vitehechoen curso
    2. 02astro:env: un esquema tipado para tus variableshechoen curso
    3. 03Leer variables: astro:env/client, /server y getSecrethechoen curso
    4. 04Secretos en despliegue: sin filtraciones al clientehechoen curso
    5. 05Buenas prácticas: .env.example, rotación y entornoshechoen curso
  31. 30

    Nivel 30

    5 temas
    1. 01El routing i18n: locales, defaultLocale y prefijoshechoen curso
    2. 02Helpers de astro:i18n: construir URLs por idiomahechoen curso
    3. 03Contenido traducido: colecciones por idioma y fallbackhechoen curso
    4. 04currentLocale, preferredLocale y negociación por headerhechoen curso
    5. 05SEO multiidioma: hreflang, sitemaps por locale y canonicalhechoen curso
  32. 31

    Nivel 31

    5 temas
    1. 01XSS y set:html: escapar, sanear y confiarhechoen curso
    2. 02Content Security Policy con experimental.csphechoen curso
    3. 03Cabeceras de seguridad por middlewarehechoen curso
    4. 04CSRF, security.checkOrigin y cookies SameSitehechoen curso
    5. 05Buenas prácticas: dependencias, secretos, validación y superficie SSRhechoen curso
  33. 32

    Nivel 32

    5 temas
    1. 01Metadatos base: title, description y un componente SEOhechoen curso
    2. 02Open Graph, Twitter Cards y og:image dinámicahechoen curso
    3. 03Datos estructurados: JSON-LD con set:htmlhechoen curso
    4. 04Estrategia de indexación: noindex, duplicados y paginaciónhechoen curso
    5. 05Core Web Vitals y SEO técnico: la arquitectura como ventajahechoen curso
  34. 33

    Nivel 33

    5 temas
    1. 01La feature prefetch y sus cuatro estrategiashechoen curso
    2. 02prefetchAll y defaultStrategy: precarga por defectohechoen curso
    3. 03La API prefetch() y el ClientRouterhechoen curso
    4. 04Presupuesto de rendimiento: LCP, INP y Save-Datahechoen curso
    5. 05Medir la precarga: DevTools, Lighthouse y RUMhechoen curso
  35. 34

    Nivel 34

    5 temas
    1. 01La Integration API: escribir un AstroIntegrationhechoen curso
    2. 02El hook astro:config:setuphechoen curso
    3. 03Otros hooks del ciclo de vidahechoen curso
    4. 04Middleware, endpoints y plugins de Vite en una integraciónhechoen curso
    5. 05Empaquetar, publicar y pulir una integraciónhechoen curso
  36. 35

    Nivel 35

    5 temas
    1. 01Por qué Astro tiene un compilador propiohechoen curso
    2. 02El pipeline: de la fuente al módulohechoen curso
    3. 03Islas, hidratación y scope en el outputhechoen curso
    4. 04WASM vs binario nativo: cómo se distribuyehechoen curso
    5. 05Depurar y leer el output compiladohechoen curso
  37. 36

    Nivel 36

    5 temas
    1. 01El rol de Vite en Astro: dev server y buildhechoen curso
    2. 02Rolldown: el bundler en Rust de Vite 8hechoen curso
    3. 03Configurar Vite desde astro.config: la clave vitehechoen curso
    4. 04El grafo de módulos y el bundlinghechoen curso
    5. 05Diagnóstico: verbose, analizar el bundle y afinar SSRhechoen curso
  38. 37

    Nivel 37

    5 temas
    1. 01El presupuesto de JavaScript: medir, minimizar, decidirhechoen curso
    2. 02Core Web Vitals a fondo: LCP, INP y CLShechoen curso
    3. 03Analizar el bundle: chunks, dependencias y divisiónhechoen curso
    4. 04Optimizar assets: CSS crítico, preload y cachéhechoen curso
    5. 05Rendimiento de SSR: caché, streaming y el edgehechoen curso
  39. 38

    Nivel 38

    5 temas
    1. 01Estrategia de testing en Astro: qué merece prueba y qué nohechoen curso
    2. 02Vitest en un proyecto Astro: getViteConfig, módulos TS y mockshechoen curso
    3. 03La Container API: renderizar componentes .astro a HTML y asertarlohechoen curso
    4. 04Testear endpoints y actions: invocar el handler y asertar la Responsehechoen curso
    5. 05End-to-end con Playwright: islas hidratadas, transiciones de vista y CIhechoen curso
  40. 39

    Nivel 39

    5 temas
    1. 01Anatomía del build: astro build, dist y previewhechoen curso
    2. 02Deploy estático: Pages, Netlify, GitHub Pages y S3hechoen curso
    3. 03Deploy SSR y edge: Workers, Vercel, Node y Dockerhechoen curso
    4. 04CI/CD: pipeline de despliegue con GitHub Actionshechoen curso
    5. 05Post-deploy: operar el sitio en producciónhechoen curso
  41. 40

    Nivel 40

    5 temas
    1. 01La estructura de un proyecto Astro seriohechoen curso
    2. 02Monorepos con Astro: pnpm workspaces y Turborepohechoen curso
    3. 03Estrategia de contenido a escalahechoen curso
    4. 04Patrones de composición a escalahechoen curso
    5. 05Mantenibilidad: escalar el código y el equipohechoen curso
  42. 41

    Nivel 41

    5 temas
    1. 01El modelo mental completo: cuándo Astro no es la respuestahechoen curso
    2. 02Diseñar el render por página: el mapa de decisiónhechoen curso
    3. 03Rendimiento extremo: presupuesto de JS y caché multinivelhechoen curso
    4. 04Caso de estudio: arquitectar una app grande de punta a puntahechoen curso
    5. 05Mantener un Astro en el tiempo: migraciones, deuda y futurohechoen curso