Skip to content

Blog built with Astro collections, Markdown and TypeScript

Notifications You must be signed in to change notification settings

digitalit/astro-blog

 
 

Repository files navigation

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.

About

Blog built with Astro collections, Markdown and TypeScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 52.0%
  • Astro 39.9%
  • Shell 5.4%
  • TypeScript 2.3%
  • JavaScript 0.4%