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.

Made with ♥ by Zeon Studio

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

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

📌 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
📎 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

🚀 Getting Started

📦 Dependencies

astro v5.15+
node v20.10+
yarn v1.22+
tailwind v4+

👉 Install Dependencies

yarn install

👉 Development Command

yarn run dev

👉 Build Command

yarn run build

👉 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

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.

tfsomrat/astroplate