/pwcom_24

My 2024 site on Astro

Primary LanguageAstroMIT LicenseMIT

πŸš€ VisVrs: An Astro Theme for Visual Storytelling

VisVrs, originating from 'Visual' and 'Verse', is an Astro theme tailored for impactful photo-text blogging, ideal for content creators.

πŸ”€ Readme

πŸ’―Lighthouse Score

Visvrs Lighthouse Score

πŸŽ‰ Features

  • βœ… Astro+Tailwind
  • βœ… Responsive Design
  • βœ… 100/100 Lighthouse Performance
  • βœ… SEO-friendly
  • βœ… Site Search Support
  • βœ… Sitemap Support
  • βœ… RSS Feed Support
  • βœ… Markdown & MDX Support
  • βœ… Tag Statistics Page
  • βœ… Last Modified Time
  • βœ… Image Optimization
  • βœ… Automatic Dark Mode
  • βœ… View Transitions

Todo

  • Pagination

We really welcome you to contribute to VisVrs!

🎑 Live demo

VisVrs

πŸ‘¬ Showcase

πŸ’» Running Locally

Recommended extensions for VSCode:

  1. Fork or use this template

  2. Install dependencies:

pnpm install
  1. Run the development server:
pnpm run dev

πŸ“„ Adding a post

Adding a post is as simple as adding a .md or .mdx file to the blog folder at the path src/content/posts.

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command Action
pnpm install Installs dependencies
pnpm run dev Starts local dev server at localhost:4321
pnpm run build Build your production site to ./dist/
pnpm run preview Preview your build locally, before deploying