astro-blog
astro-blog copied to clipboard
Published
20 hours ago •
bradtraversy
bradtraversy
Blog built with Astro collections, Markdown and TypeScript
Astro TechPeople Blog
A tech blog built with Astro collections, Markdown & TypeScript. You can view the live demo here
This project is from the Traversy Media members-only course - Astro Quick Start
The HTML files are available in the blog-theme folder. There is no CSS as we use all Tailwind classes.
Usage
Install dependencies
npm install
🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:4321 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add, astro check |
npm run astro -- --help |
Get help using the Astro CLI |
Creating Posts
Create a new .md file in the content/blog folder. Add the frontmatter and content.
Here is an example of frontmatter:
---
title: 'The best laptops for developers in 2024'
pubDate: 2024-01-20
author: 'John Doe'
image: 'image1.png'
tags: ['tech', 'hardware']
slug: the-best-laptops-for-developers-in-2024
---
Upload the image to /public/images and you're good to go.
Metadata
33
Stars
5
Forks
Watchers
Owner
bradtraversy
Metadata
Blog built with Astro collections, Markdown and TypeScript