Astro Nano

Overview:

Astro Nano is a static, minimalist, and lightweight portfolio and blog theme designed with Astro, Tailwind, and Typescript, without any frameworks. It focuses on speed and simplicity, making it an ideal choice for showcasing portfolio and blog content.

Features:

• 100/100 Lighthouse performance: Ensures optimal website performance.
• Responsive: Adapts well to different screen sizes.
• Accessible: Designed with accessibility in mind.
• SEO-friendly: Built to be search engine friendly.
• Typesafe: Relies on Typescript for type safety.
• Minimal style: Emphasizes simplicity and minimalism in design.
• Light/Dark Theme: Offers options for both light and dark themes.
• Animated UI: Includes animations for an enhanced user experience.
• Tailwind styling: Uses Tailwind CSS for styling.
• Auto generated sitemap and RSS Feed: Automatically generates sitemap and RSS feed for better SEO.

Installation:

1. Run npm install to install dependencies.
2. Start the local development server with npm run dev for localhost:4321 or npm run dev:network for a local network.
3. Use npm run build to build your production site to ./dist/.
4. Preview your build locally with npm run preview or npm run preview:network.
5. Utilize various CLI commands like npm run astro ... to manage the theme.
6. For linting, run npm run lint or npm run lint:fix to auto-fix ESLint issues.

Summary:

Astro Nano is a performant and minimalist theme for portfolios and blogs, offering essential features like excellent performance, responsiveness, accessibility, and SEO-friendliness. Its simplicity, coupled with features like dark/light theme options and animated UI, makes it a compelling choice for users looking for a lightweight and fast website solution.