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:
- Run
npm installto install dependencies. - Start the local development server with
npm run devfor localhost:4321 ornpm run dev:networkfor a local network. - Use
npm run buildto build your production site to ./dist/. - Preview your build locally with
npm run previewornpm run preview:network. - Utilize various CLI commands like
npm run astro ...to manage the theme. - For linting, run
npm run lintornpm run lint:fixto 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.