super-solstice blog

Super solstice is a meticulously crafted theme for astro using Tailwind that is SEO friendly.

This theme follows best practices and provides accessibility out of the box. Light and dark mode are supported by default. Moreover, additional color schemes can also be configured.

https://super-solstice.vercel.app/

❤️‍🔥 Features

🤖 Tech stack

Main Framework - Astro Type Checking - TypeScript JS framework - Vanilla JS Styling - TailwindCSS Icons - Iconoir Code Formatting - Rustwind & Prettier (pnpm format) Deployment - Vercel Illustrations & Content - Midjourney & ChatGPT

🖥️ Running locally

pnpm install
pnpm dev

Config for prod

For the sitemap to work, define your URL in astro.config.mjs

import { defineConfig } from "astro/config";
import sitemap from "@astrojs/sitemap";

export default defineConfig({
  // ...
  site: "https://stargazers.club",
  integrations: [sitemap()],
});

Adding blog posts

Add markdown files similar to the ones in blog/*.md, they need to have the following format:

---
layout: ../../layout/MarkdownLayout.astro
title: My markdown capabilities
description: "This is everything I know about markdown"
pubDate: 2022-07-15
tags: ["astro", "learning in public", "setbacks", "community"]
---

Navigating this repo

I suggest going through src/pages/ first then through src/components/, you can easily see where to make edits.