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