astro-ts-tw-hello

Astro Build using TypeScript plus TailwindCSS

Local Development

• VS Code + Development Containers ( Customizations | VS Code Extension )

  • [GitHub] erkobridee/devcontainer-hello - Learning about Development Containers

Astro

• Astro Docs

  • Project Structure | Astro Docs

  • Import Aliases | Astro Docs

  • Markdown & MDX | Astro Docs

    • Configuring Markdown and MDX

  • Deploy your Astro Site to GitHub Pages | Astro Docs

    • [GitHub] withastro/github-pages - Automatically deploy an Astro site to GitHub Pages

    • Create gh-pages branch in existing repo | jf

with Tailwind

npm create astro@latest -- --template with-tailwindcss

Astro comes with Tailwind support out of the box. This example showcases how to style your Astro project with Tailwind.

For complete setup instructions, please see our Tailwind Integration Guide.

Editor Setup

• Editor Setup | Astro Docs

  • ESLint

    • [GitHub] ota-meshi/eslint-plugin-astro

  • Prettier

    • [GitHub] withastro/prettier-plugin-astro

• Get VSCode, eslint & prettier working with Astro | Geek's blog (2023/02/11)

• Effortless Code Styling: Configuring Astro with Prettier, ESLint, and Tailwind CSS | Raj Vadeghar (2024/03/03)