Blog Website using Astro.js

A developer blog built with Astro.js, featuring usage guides, troubleshooting tips, and feature insights on libraries and frameworks. Topics span JavaScript, Python, and data science, offering practical help for developers at every level.

View Demo · Report Bug

Libraries and Tools

Run Locally

git clone https://github.com/ritesh28/blog-astro.git
npm install
npm run dev

Add blog .md file to /src/content/blog and its image to public/content-image with following meta example:

title: A Comprehensive Guide to Using Apollo GraphQL with JavaScript
pubDate: 2025-08-11
imageURL: "/content-image/apollo_graphql.png"
tags: ["apollo", "graphQL", "front-end", "back-end", "javaScript"]
slug: a-comprehensive-guide-to-using-apollo-graphql-with-javascript

Create .env file in root folder with following variables:

PUBLIC_GITHUB_LINK=
PUBLIC_GITHUB_REPO_LINK=
PUBLIC_LINKEDIN_LINK=
PUBLIC_PORTFOLIO_LINK=

If you want to start from scratch:

npm create astro@4.13.1
npm run astro add tailwind
npm install flowbite
npm run astro add @astrojs/vercel