uuid:
  - value: a7fe5a85-3eaf-4c33-b0f5-54e67fbc09de
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:48+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: |
      Astro as a static site generator
created:
  - value: '2023-02-07T00:00:00+00:00'
changed:
  - value: '2025-05-11T09:00:48+00:00'
promote:
  - value: false
sticky:
  - value: false
default_langcode:
  - value: true
revision_translation_affected:
  - value: true
path:
  - alias: /daily/2023/02/07/astro-as-a-static-site-generator
    langcode: en
body:
  - value: |
      <p>Since first setting it first during Simon Vrachliotis' workshops, I've started evaluating <a href="https://astro.build">Astro</a> as an option for building static websites alongside PHP options like Sculpin and Jigsaw, and used it to rebuild <a href="https://www.oliverdavies.uk">my personal website</a>.</p>

      <p>As well as being a good opportunity to get more experience with JavaScript, TypeScript and JSX templating, Astro includes a number of features that were useful for my website, such as code syntax highlighting and markdown support out of the box, as well as integrations to set up Tailwind CSS, sitemaps and images that I needed.</p>

      <p>Its file-based routing is very familiar to what I'd been working with in Next.js, including dynamic and nested routes such as my Blog, Talks, and email archive pages.</p>

      <p>A static HTML version of the site can be generated which can be uploaded to a web server - like with other static site generators - with the advantage that Astro includes no JavaScript by default.</p>

      <p>As well as my personal website, I've been using Astro for some other mini-projects including <a href="/daily/2023/01/22/building-bootstrap-css-examples-with-tailwind">building Bootstrap components with Tailwind</a>, and I'm using it for the updated examples for my Tailwind CSS talk at nor(DEV):con in a couple of weeks time.</p>

              
    format: full_html
    processed: |
      <p>Since first setting it first during Simon Vrachliotis' workshops, I've started evaluating <a href="https://astro.build">Astro</a> as an option for building static websites alongside PHP options like Sculpin and Jigsaw, and used it to rebuild <a href="https://www.oliverdavies.uk">my personal website</a>.</p>

      <p>As well as being a good opportunity to get more experience with JavaScript, TypeScript and JSX templating, Astro includes a number of features that were useful for my website, such as code syntax highlighting and markdown support out of the box, as well as integrations to set up Tailwind CSS, sitemaps and images that I needed.</p>

      <p>Its file-based routing is very familiar to what I'd been working with in Next.js, including dynamic and nested routes such as my Blog, Talks, and email archive pages.</p>

      <p>A static HTML version of the site can be generated which can be uploaded to a web server - like with other static site generators - with the advantage that Astro includes no JavaScript by default.</p>

      <p>As well as my personal website, I've been using Astro for some other mini-projects including <a href="http://default/daily/2023/01/22/building-bootstrap-css-examples-with-tailwind">building Bootstrap components with Tailwind</a>, and I'm using it for the updated examples for my Tailwind CSS talk at nor(DEV):con in a couple of weeks time.</p>

              
    summary: null
field_daily_email_cta: {  }