An open API service indexing awesome lists of open source software.

https://github.com/loke-dev/astro-landing-page-template

A minimal, production-ready Astro landing page template with Tailwind CSS v4
https://github.com/loke-dev/astro-landing-page-template

astro landing-page tailwindcss template website

Last synced: about 1 month ago
JSON representation

A minimal, production-ready Astro landing page template with Tailwind CSS v4

Awesome Lists containing this project

README

          

# Astro Landing Page Template

A production-ready landing page template built with Astro and Tailwind CSS v4.

## Features

- **Blazing Fast** — Static HTML, zero JS by default. 100 Lighthouse score out of the box
- **Tailwind v4** — CSS-first configuration with design tokens, no JS config file
- **Dark Mode** — System-aware theme toggle with localStorage persistence, no flash
- **TypeScript** — Strict mode throughout
- **SEO Ready** — Meta tags, semantic HTML, accessible markup
- **Deploy Ready** — Works on Vercel, Netlify, or any static host

## Stack

- [Astro 6](https://astro.build)
- [Tailwind CSS v4](https://tailwindcss.com)
- [TypeScript](https://typescriptlang.org)
- [Vite](https://vitejs.dev)

## Get Started

```bash
git clone https://github.com/loke-dev/astro-landing-page-template
cd astro-landing-page-template
pnpm install
pnpm dev
```

## Customise

1. Edit section content in `src/components/sections/`
2. Update colors in `src/styles/global.css` (`:root` and `.dark` blocks)
3. Replace logo/favicon in `public/` and `NavBar.astro`
4. Update site URL in `astro.config.ts`

## Deploy

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/loke-dev/astro-landing-page-template)

## License

MIT