https://github.com/mhyfritz/astro-landing-page

An Astro + Tailwind CSS Example/Template for Landing Pages
https://github.com/mhyfritz/astro-landing-page

astro landing-page tailwindcss

Last synced: about 1 month ago
JSON representation

An Astro + Tailwind CSS Example/Template for Landing Pages

• Host: GitHub
• URL: https://github.com/mhyfritz/astro-landing-page
• Owner: mhyfritz
• License: mit
• Created: 2022-05-03T04:02:56.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-24T10:27:28.000Z (5 months ago)
• Last Synced: 2024-09-30T17:05:37.203Z (about 1 month ago)
• Topics: astro, landing-page, tailwindcss
• Language: Astro
• Homepage: https://astro-moon-landing.netlify.app/
• Size: 7.14 MB
• Stars: 531
• Watchers: 9
• Forks: 193
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Astro Landing Page 

> An Astro + Tailwind CSS example/template for landing pages.



[![Built with Astro](https://astro.badg.es/v2/built-with-astro/small.svg)](https://astro.build)



![Screenshots of Astro Landing Page](screenshots.jpg)

## Features

- 💨 Tailwind CSS for styling

- 🎨 Themeable

  - CSS variables are defined in `src/styles/theme.css` and mapped to Tailwind classes (`tailwind.config.cjs`)

- 🌙 Dark mode

- 📱 Responsive (layout, images, typography)

- ♿ Accessible (as measured by https://web.dev/measure/)

- 🔎 SEO-enabled (as measured by https://web.dev/measure/)

- 🔗 Open Graph tags for social media sharing

- 💅 [Prettier](https://prettier.io/) setup for both [Astro](https://github.com/withastro/prettier-plugin-astro) and [Tailwind](https://github.com/tailwindlabs/prettier-plugin-tailwindcss)

## Commands

| Command                | Action                                            |

| :--------------------- | :------------------------------------------------ |

| `npm install`          | Install dependencies                              |

| `npm run dev`          | Start local dev server at `localhost:4321`        |

| `npm run build`        | Build your production site to `./dist/`           |

| `npm run preview`      | Preview your build locally, before deploying      |

| `npm run astro ...`    | Run CLI commands like `astro add`, `astro check`  |

| `npm run astro --help` | Get help using the Astro CLI                      |

| `npm run format`       | Format code with [Prettier](https://prettier.io/) |

| `npm run clean`        | Remove `node_modules` and build output            |

## Credits

- astronaut image

  - source: https://github.com/withastro/astro-og-image; note: this repo is not available anymore

- moon image

  - source: https://unsplash.com/@nasa

- other than that, a lot of material (showcase data, copy) was taken from official Astro sources, in particular https://astro.build/blog/introducing-astro/ and https://github.com/withastro/astro.build