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 | 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
• 💬 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 v4.12+
• node v20.10+
• npm v10.2+
• tailwind v3.4+

👉 Install Dependencies

npm install

👉 Development Command

npm run dev

👉 Build Command

npm run build

👉 Build and Run With Docker

docker build -t astroplate .
# or
# docker --build-arg INSTALLER=npm build -t astroplate .
# or
# docker --build-arg INSTALLER=pnpm build -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

🐞 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.