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.
## π 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
- Cloudflare Workers (optional deployment)
## π Getting Started
### π¦ Dependencies
- astro v6.0.2
- node v22.12.0+ (see `.nvmrc`)
- yarn v1.22+
- tailwind v4+
### π Install Dependencies
```bash
yarn install
```
### π Development Command
```bash
yarn run dev
```
### π Build Command
```bash
yarn run build
```
### π Preview on Cloudflare Workers
```bash
yarn run preview:cf-workers
```
### π Deploy to Cloudflare Workers
```bash
yarn run deploy:cf-workers
```
### π Build and Run With Docker
```bash
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:
```bash
docker run -it --rm astroplate ash
```
## π Edit Content with CMS
This template comes pre-configured with [**Sitepins**](https://sitepins.com), 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](https://github.com/zeon-studio/astroplate/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](https://github.com/zeon-studio/astroplate/issues).
## π License
Copyright (c) 2023 - Present, Designed & Developed by [Zeon Studio](https://zeon.studio/)
**Code License:** Released under the [MIT](https://github.com/zeon-studio/astroplate/blob/main/LICENSE) 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](https://zeon.studio/).