Astro Blog built for Speed ⚡️
Apollo is a tiny blog built with Astro. The goal is to have a small tiny bundle size, near zero javascript, and an elegant design. The blogs are stored as markdown files in the repository itself.
- Astro - Static site generator.
- Tailwind CSS - CSS framework.
- Vercel - Hosting platform.
- TypeScript - Type-safe JavaScript.
This uses Astro content collections API to manage the blog articles. The articles are stored in as markdown in src/content/blog. There is frontmatter, but that is taken care of by Astro.
There are two types of SSG routes created:
| Route | Description |
|---|---|
/[number] |
Paginated list of articles (12 per page). / is the same as /1. |
/[slug] |
Individual article page. |
It uses Astro's RSS integration to generate an RSS feed for the blog.
Experimental API for fonts is used to load fonts from Google Fonts. It has optimizedFallbacks disabled, because it was switching fonts after load which was jarring.
This website is hosted on Vercel. If you want to deploy it yourself, you can use this handy button:
-
Clone the repository:
git clone https://github.com/kkrishguptaa/apollo.git
-
Navigate to the project directory:
cd apollo -
Install dependencies:
pnpm install
-
Create a
.envfile in the root directory and add the required environment variables. -
Run the development server:
pnpm dev
This source code for this project is licensed under the MIT License. Feel free to use, modify, and distribute it as per the terms of the license. However, the blogs on the website/in the repository are my original work and are protected under copyright law. Please do not use or reproduce them without my permission.