https://github.com/araguaci/astro-showcase

🚧 working in progress 🚧
https://github.com/araguaci/astro-showcase

Last synced: 15 days ago
JSON representation

🚧 working in progress 🚧

• Host: GitHub
• URL: https://github.com/araguaci/astro-showcase
• Owner: araguaci
• License: mit
• Created: 2024-04-22T19:58:15.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-04-22T19:58:17.000Z (7 months ago)
• Last Synced: 2024-07-31T19:17:16.841Z (3 months ago)
• Language: Astro
• Homepage:
• Size: 1.43 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• 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