Astro + Tailwind CSS + TypeScript Starter and Boilerplate

Astroplate is a free starter template built with Astro, TailwindCSS & TypeScript, providing everything you need to jumpstart your Astro project and save valuable time.

👀 Demo | 👀 Demo Multilang | Page Speed (100%)🚀 |

Made with ♥ by Zeon Studio

If you find this project useful, please give it a ⭐ to show your support.

📌 Key Features

• 👥 Multi-Authors
• 🌐 Multilingual
• 🎯 Similar Posts Suggestion
• 🔍 Search Functionality
• 🌑 Dark Mode
• 🏷️ Tags & Categories
• 🔗 Netlify setting pre-configured
• 📞 Support contact form
• 📱 Fully responsive
• 📝 Write and update content in Markdown / MDX
• 🤖 LLM-ready docs generation (llms.txt, llms-full.txt, and per-page .md)
• 📎 Google Tag Manager
• 💬 Disqus Comment
• 🔳 Syntax Highlighting

📄 15+ Pre-designed Pages

• 🏠 Homepage
• 👤 About
• 📞 Contact
• 👥 Authors
• 👤 Author Single
• 📝 Blog
• 📝 Blog Single
• 🚫 Custom 404
• 💡 Elements
• 📄 Privacy Policy
• 🏷️ Tags
• 🏷️ Tag Single
• 🗂️ Categories
• 🗂️ Category Single
• 🔍 Search

🔗 Integrations

• astro/react
• astro/sitemap
• astro/tailwind
• Cloudflare Workers (optional deployment)

🚀 Getting Started

📦 Dependencies

• astro v7.0.0
• node v22.12.0+
• tailwind v4+

👉 Install Dependencies

pnpm install

👉 Development Command

pnpm run dev

👉 Build Command

pnpm run build

👉 Generate LLM Files

After build, this project can generate LLM-friendly files from your dist HTML:

• llms.txt (index of pages)
• llms-full.txt (full combined content)
• optional per-page Markdown files

Use one of these ways:

# included in build
pnpm run build

# or run manually after build
pnpm run generate-llms

Configuration is in src/config/config.json under llms:

• generate_llms_txt: create llms.txt
• generate_llms_full_txt: create llms-full.txt
• generate_individual_md: create individual .md files
• include: include only selected routes/globs (empty = all files). Examples: /about, /blog/** (all files in blog folder)
• exclude: exclude routes/globs on top of defaults. Example: /blog/index.html

👉 Preview on Cloudflare Workers

pnpm run preview:cf-workers

👉 Deploy to Cloudflare Workers

pnpm run deploy:cf-workers

👉 Build and Run With Docker

docker build -t astroplate .
# or
# docker build --build-arg INSTALLER=npm -t astroplate .
# or
# docker build --build-arg INSTALLER=pnpm -t astroplate .

docker run -p 3000:80 astroplate
# or
# docker run --rm -p 3000:80 astroplate

To access the shell within the container:

docker run -it --rm astroplate ash

📝 Edit Content with CMS

This template comes pre-configured with Sitepins, a Git-based Headless CMS designed for seamless content management. You can update your website’s text, images, and configuration without touching a single line of code.

How to get started:

Click the Edit with Sitepins button below and follow the on-screen instructions to start editing your content visually.

🐞 Reporting Issues

We use GitHub Issues as the official bug tracker for this Template. Please Search existing issues. It’s possible someone has already reported the same problem. If your problem or idea has not been addressed yet, feel free to open a new issue.

📝 License

Copyright (c) 2023 - Present, Designed & Developed by Zeon Studio

Code License: Released under the MIT license.

Image license: The images are only for demonstration purposes. They have their license, we don't have permission to share those images.

💻 Need Custom Development Services?

If you need a custom theme, theme customization, or complete website development services from scratch you can Hire Us.