https://github.com/qvil/astro-blog
https://github.com/qvil/astro-blog
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/qvil/astro-blog
- Owner: qvil
- License: gpl-3.0
- Created: 2025-03-04T13:30:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-04T14:04:01.000Z (over 1 year ago)
- Last Synced: 2025-03-04T14:33:20.578Z (over 1 year ago)
- Language: Astro
- Size: 2.44 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Stablo - Astro Blog Template with MDX
Stablo Astro is an Astro version of [Stablo - Next.js Blog Template](https://stablo-pro.web3templates.com/), #1 template for Next.js & Sanity CMS. This is an Astro version of the same template.
This free template is sponsored by [Web3Templates](https://web3templates.com)
## Live Demo
### [https://stablo-astro.web3templates.com/](https://stablo-astro.web3templates.com/)
### [Download Stablo Astro Template](https://web3templates.com/templates/stablo-minimal-blog-website-template)
## Deploy on Vercel
Click the below link to deploy this template on Vercel
[](https://vercel.com/new/clone?repository-url=hhttps://github.com/web3templates/stablo-astro&project-name=stablo-astro&repository-name=stablo-astro&demo-title=Stablo%20Astro%20Blog%20Template&demo-description=Stablo%20Astro%20is%20a%20starter%20blog%20template%20for%20Astro%20built%20with%20MDX%20&%20TailwindCSS&demo-url=https%3A%2F%2Fstablo-astro.web3templates.com%2F&demo-image=https://user-images.githubusercontent.com/1884712/169838344-e32b7426-621a-45a4-aba8-afedf3377e1f.jpeg)
## Installation
If you are reading this on github, you can click on the "Use this template" button above to create a new repository from astroship to your account. Then you can do a `git clone` to clone it to your local system.
Alternatively, you can clone the project directly from this repo to your local system.
### 1. Clone the repo
```bash
git clone https://github.com/web3templates/stablo-astro.git myProjectName
# or
git clone https://github.com/web3templates/stablo-astro.git .
```
The `.` will clone it to the current directory so make sure you are inside your project folder first.
### 2. Install Dependencies
```bash
npm install
# or
yarn install
# or (recommended)
pnpm install
```
### 3. Start development Server
```bash
npm run dev
# or
yarn dev
# or (recommended)
pnpm dev
```
### Preview & Build
```bash
npm run build
npm run preview
# or
yarn build
yarn preview
# or (recommended)
pnpm build
pnpm preview
```
We recommend using [pnpm](https://pnpm.io/) to save disk space on your computer.
### Other Commands
```bash
pnpm astro ...
pnpm astro add
pnpm astro --help
```
## Project Structure
Inside of your Astro project, you'll see the following folders and files:
```
/
├── public/
│ └── ...
├── src/
│ ├── components/
│ │ └── ...
│ ├── layouts/
│ │ └── ...
│ └── pages/
│ └── ...
└── package.json
```
Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
Any static assets, like images, can be placed in the `public/` directory.
## TailwindCSS
TailwindCSS is already configured in this repo, so you can start using them without any installation.
## 👀 Want to learn more?
Feel free to check out [Astro Docs](https://docs.astro.build) or jump into our [Discord Chat](https://web3templates.com/discord).
[](https://astro.build)