uuid:
  - value: 172b603f-fddb-46cc-ac9e-0cd90a339c77
langcode:
  - value: en
type:
  - target_id: daily_email
    target_type: node_type
    target_uuid: 8bde1f2f-eef9-4f2d-ae9c-96921f8193d7
revision_timestamp:
  - value: '2025-05-11T09:00:53+00:00'
revision_uid:
  - target_type: user
    target_uuid: b8966985-d4b2-42a7-a319-2e94ccfbb849
revision_log: {  }
status:
  - value: true
uid:
  - target_type: user
    target_uuid: b8966985-d4b2-42a7-a319-2e94ccfbb849
title:
  - value: 'First impressions of Astro'
created:
  - value: '2022-10-08T00:00:00+00:00'
changed:
  - value: '2025-05-11T09:00:53+00:00'
promote:
  - value: false
sticky:
  - value: false
default_langcode:
  - value: true
revision_translation_affected:
  - value: true
path:
  - alias: /daily/2022/10/08/first-impressions-astro
    langcode: en
body:
  - value: |
      <p>This week I attended another of Simon Vrachliotis' Pro Tailwind workshops.</p>

      <p>The workshop again was great, teaching us about multi-style Tailwind components, such as a button that has props for variants like size, shape and impact, and how to create them in a flexible and maintainable way as well as making use of Headless UI.</p>

      <p>For this workshop though, the examples and challenges used a tool that I wasn't familiar with - the Astro web framework.</p>

      <p>I've seen a lot of blog posts and streams mentioning it but I hadn't tried it out for myself until the workshop.</p>

      <p>What I find interesting is that it comes with a number of available integrations - from Tailwind CSS, to Vue, React, and Alpine.js, and you can use the all within the same project, or even on the same page. Installing an integration is as simple as <code>yarn astro add tailwindcss</code>.</p>

      <p>The templates feel familiar and make use of front matter within Astro components, and regular YAML front matter works within Markdown files - which are supported out of the box.</p>

      <p>I've been thinking of redoing my personal website and evaluating options, but I think that Astro might be a new one to add to the list.</p>

              
    format: full_html
    processed: |
      <p>This week I attended another of Simon Vrachliotis' Pro Tailwind workshops.</p>

      <p>The workshop again was great, teaching us about multi-style Tailwind components, such as a button that has props for variants like size, shape and impact, and how to create them in a flexible and maintainable way as well as making use of Headless UI.</p>

      <p>For this workshop though, the examples and challenges used a tool that I wasn't familiar with - the Astro web framework.</p>

      <p>I've seen a lot of blog posts and streams mentioning it but I hadn't tried it out for myself until the workshop.</p>

      <p>What I find interesting is that it comes with a number of available integrations - from Tailwind CSS, to Vue, React, and Alpine.js, and you can use the all within the same project, or even on the same page. Installing an integration is as simple as <code>yarn astro add tailwindcss</code>.</p>

      <p>The templates feel familiar and make use of front matter within Astro components, and regular YAML front matter works within Markdown files - which are supported out of the box.</p>

      <p>I've been thinking of redoing my personal website and evaluating options, but I think that Astro might be a new one to add to the list.</p>

              
    summary: null
field_daily_email_cta: {  }