Skip to content

isooosi/VisVrs

Folders and files

Name Name
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

src

src

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

VisVrs, a blend of 'Visual' and 'Verse', is an Astro theme designed for compelling photo-text blogging. It's perfect for content creators looking to make a significant impact with their stories.

πŸ’―Lighthouse Score

Visvrs Lighthouse Score

πŸŽ‰ Features

  • βœ… Integration with Astro and Tailwind CSS
  • βœ… Fully Responsive Design
  • βœ… Perfect 100/100 Lighthouse Performance Score
  • βœ… SEO Optimized
  • βœ… Inbuilt Site Search
  • βœ… Sitemap and RSS Feed Support
  • βœ… Markdown & MDX Ready
  • βœ… Tag Statistics and Last Modified Time Display
  • βœ… Optimized Image Handling
  • βœ… Automatic Dark Mode Switching
  • βœ… Smooth View Transitions
  • βœ… Pagination for Easy Navigation

🎑 Live demo

Experience VisVrs in action.

πŸŒ† Showcase

Share your project built with VisVrs! Open an issue titled "Showcase Submission" with your project's details to be featured in our 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

✨ Join and Contribute

Your contributions make VisVrs better! Whether it's through code, design, bug reports, or feature ideas, we value your input. Check our Issues or submit a Pull Request to get started. Together, let's enhance VisVrs!