Tailcast

Dark-themed website template built with Astro 6 & Tailwind CSS, designed for a fictional startup.
Responsive, fast, and ready to customize.

Live Demo · Getting Started · Changelog

Tech stack

Astro 6, TypeScript, Tailwind CSS 4, ESLint, Prettier

Features

• 8 pages - Home, About, Services, Blog, Article, Careers, Contact, 404
• SEO optimization - Sitemap, Open Graph, canonical URLs, meta descriptions
• Accessible - Semantic HTML, ARIA attributes, keyboard navigation
• View Transitions - Smooth page navigation with Astro Client Router, no full-page reloads
• Responsive - Mobile-first design that adapts to any screen size
• Code quality - ESLint, Prettier and CI pipeline pre-configured with Astro and Tailwind plugins

Preview

Quickstart

git clone https://github.com/matt765/Tailcast.git
cd Tailcast
npm install
npm run dev

Navigate to http://localhost:4321 to see the site.

You can also deploy on Vercel with one click:

Project structure

├── public/
│   ├── favicon.svg
│   ├── og-image.png
│   └── robots.txt
├── src/
│   ├── assets/
│   │   ├── icons/          # SVG icon components
│   │   ├── images/         # Optimized with Astro Image
│   │   └── logos/          # Brand logo components
│   ├── components/         # Reusable Astro components
│   ├── content/
│   │   └── blog/           # Markdown blog posts
│   ├── data/               # Static data (positions)
│   ├── layouts/
│   │   └── Layout.astro    # Base layout with SEO meta
│   ├── pages/              # File-based routing
│   │   ├── about.astro
│   │   ├── blog/
│   │   ├── careers/
│   │   ├── contact.astro
│   │   ├── index.astro
│   │   └── 404.astro
│   └── styles/
│       ├── Theme.css       # Design tokens & utility classes
│       └── diagonals.css
├── astro.config.mjs
├── eslint.config.js
├── package.json
└── tsconfig.json

Available commands

Command	Action
npm run dev	Start development server
npm run build	Build for production (./dist/)
npm run preview	Preview production build locally
npm run lint	Run ESLint
npm run format	Format code with Prettier

License

This project is open source and available under the MIT License. See LICENSE for details.

Author

Made by matt765