starter Astro for site

Components

• Menu.astro
• Layout.astro
• SEO.astro
• Link.astro
• Header.astro
• Footer.astro
• Container

Pages

/pages

• [...pages].astro

  /posts

• [slug].astro

• index.astro

404.astro

Error page / novalid link

• 404.astro

src

• rss.xml.ts
• robots.txt.ts
• Tailwind v4
• config.ts
• utils/cn.ts
• data/links.ts

config.ts

export const config = {
	site: {
		OG: {
			title: "",
			description: "",
			author: "",
			locale: "ru",
			site_name: "",
			// preview
			defaultImage: "default-ogImage.jpg",
			keywords: "",
		},
		verifications: [
			{ name_verification: "yandex-verification", content: "" },
			{
				name_verification: "google-site-verification",
				content: "",
			},
			{ name_verification: "msvalidate.01", content: "" },
			{
				name_verification: "p:domain_verify",
				content: "",
			},
			// { name_verification: "", content: "" },
		],
	},
}

Tailwind settings

@import "tailwindcss";
@plugin "@tailwindcss/typography";

@theme {
  --font-display: font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@layer base {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply text-balance;
  }

  p {
    @apply text-pretty;
  }

  a {
    @apply underline text-blue-500 underline-offset-4;
  }
}

@layer components {
  .heading-h1 {
    @apply text-5xl text-zinc-800 font-black tracking-tight;
  }

  .heading-h2 {
    @apply text-2xl text-zinc-700 font-bold;
  }

  .heading-h3 {
    @apply text-xl text-zinc-600 font-medium;
  }
}

TS settings

"paths": {
	"@/*": ["src/*"]
},