Astro Sphere

Overview:

Astro Sphere is a minimalistic and lightweight portfolio and blog theme designed for speed and performance. Based on Astro, Tailwind, and Typescript, with a touch of SolidJS, this theme offers a range of features focused on responsiveness, accessibility, SEO-friendliness, and a clean design aesthetic. With a perfect Lighthouse score, auto-generated sitemap and RSS feed, markdown and MDX support, searchable content, and a blend of light and dark themes, Astro Sphere is a versatile and efficient choice for creating a professional website.

Features:

• 100/100 Lighthouse performance
• Responsive design
• Accessible for all users
• SEO-friendly structure
• Typesafe development
• Minimalist style
• Support for light/dark themes
• Animated UI elements
• Tailwind styling for customization
• Auto-generated sitemap and RSS feed
• Markdown and MDX support for content creation
• Searchable content for posts and projects

Installation:

To install the Astro Sphere theme, follow these simple steps:

1. Run npm install to install all dependencies.
2. Start the local development server at localhost:4321 using npm run dev.
3. Generate TypeScript types for all Astro modules with npm run sync.
4. Build your production site to ./dist/ using npm run build.
5. Preview your build locally before deployment using npm run preview.
6. For commands like astro add or astro check, run npm run astro ....
7. Resolve ESLint issues with npm run lint or auto-fix them using npm run lint:fix.

Summary:

Astro Sphere is a high-performance theme boasting a perfect Lighthouse score and a range of features geared towards optimal speed, accessibility, and customization. With a focus on clean design and efficient development, this theme offers a seamless experience for creating personalized portfolio and blog websites. By leveraging technologies like Astro, Tailwind, and Typescript, Astro Sphere provides a robust foundation for a modern and responsive web presence.