A minimal space-inspired personal blog template, created by Siddhesh Thadeshwar.

See the demo to know more.

View Mumbai Stories - Samay Anand's Blog! 🏏 | Source Code here.

• ✅ Tailwind CSS
• ✅ Mobile-first responsive layout
• ✅ Dark and light color mode
• ✅ Custom About, Contact & 404 pages
• ✅ Hero section with short bio
• ✅ Blog content collection
• ✅ Pagination support
• ✅ Tags support for blog posts
• ✅ Subscription form (only UI)
• ✅ View transitions (via swup.js)
• ✅ Sitemap support
• ✅ RSS Feed support
• ✅ Markdown support

• ⏹️ MDX support via @astrojs/mdx integration
• ⏹️ SEO-friendly with canonical URLs and OpenGraph data
• ⏹️ New Portfolio/Projects content collection

• Tailwind v4 via Vite Plugin as per latest Astro docs
• Swup.js for View Transitions
• RSS: @astrojs/rss
• Sitemap: @astrojs/sitemap

1. Create a new repo using this template.
2. Clone to repo to your local computer using git clone <your-repo-url>. Then cd <your-repo-name>.
3. Setup pnpm and use pnpm install and then pnpm dev.
4. Use the src/site.config.ts file to setup the template to your liking.
5. Update any content on homepage (src/pages/index.astro), about (src/pages/about.astro), and contact (src/pages/contact.astro).
6. Replace the template posts under (src/content/blogs/*.md) with your blog posts, using the same format, with the post metadata.
7. Check the Astro Deployment guide to know specific steps on deploying this on your preferred provider platform.

You'll see the following folders and files:

├── public/----------------- Contains the site logo (replace with your own).
├── src/--------------------
│   ├── assets/------------- Contains svg icons for theme toggle component.
│   │   └── images/--------- Contains default images for homepage and blog posts.
│   ├── components/--------- All Astro/Preact components in this theme.
│   ├── content/------------ Content Collections folder.
│   │   └── blogs/---------- All the blog posts in *.md files.
│   ├── icons/-------------- All Astro icon components.
│   ├── layouts/------------ Shared Layout component.
│   ├── pages/-------------- Various Astro pages, dynamic pages for blogs, tags; a custom 404 page.
│   ├── styles/------------- Contains `global.css`, `fonts.css` and `animate.css`.
│   ├── utils/-------------- Contains helper functions.
│   ├── content.config.ts--- Content collections definitions.
│   ├── env.d.ts------------ Contains helper functions.
│   └── site.config.ts------ Manage your site information and content here.
├── astro.config.mjs-------- Astro configuration file.
├── changelog.md------------ Detailed Changelog for this theme.
├── LICENSE----------------- Theme License.
├── package.json------------ Dependencies and metadata about this template.
├── README.md--------------- 📍 You are here.
└── tsconfig.json----------- Typescript configuration file.

• Read & consult Astro's documentation for up-to-date information and making changes to this template.
• The src/components directory is where we like to put any Astro or Preact components.
• The src/content/ directory contains "collections" of related Markdown (and MDX) documents. Use getCollection() to retrieve posts from src/content/blogs/, and type-check your frontmatter using an optional schema. See Astro's Content Collections docs to learn more.

• I provide paid service for customizing and setup any of my Astro templates for your projects and startups. Contact me on Contra to know more.
• Please feel free to create issues for any bugs or feature requests on this theme.

• Generated Space Ahead ✨ logo and images for demo blog content using Microsoft Designer.
• Homepage illustration by Pixeltrue Ouch!
• Inspired from these amazing Astro templates - Dante & Chiri. Please do check them out.

GNU GPL v3