markhorn-dev/astro-nano

Astro Nano is a static, minimalist, lightweight, lightning fast portfolio and blog.

Astro

951

11 commits

updated Jun 16, 2025

See the code

README

Astro Nano

Astro Nano is a static, minimalist, lightweight, lightning fast portfolio and blog theme.

Built with Astro, Tailwind and Typescript, an no frameworks.

It was designed as an even more minimal theme than my popular theme Astro Sphere

πŸš€ Deploy your own

Deploy with Vercel Deploy with Netlify

πŸ“‹ Features

  • βœ… 100/100 Lighthouse performance
  • βœ… Responsive
  • βœ… Accessible
  • βœ… SEO-friendly
  • βœ… Typesafe
  • βœ… Minimal style
  • βœ… Light/Dark Theme
  • βœ… Animated UI
  • βœ… Tailwind styling
  • βœ… Auto generated sitemap
  • βœ… Auto generated RSS Feed
  • βœ… Markdown support
  • βœ… MDX Support (components in your markdown)

πŸ’― Lighthouse score

Astro Nano Lighthouse Score

πŸ•ŠοΈ Lightweight

No frameworks or added bulk

⚑︎ Fast

Rendered in ~40ms on localhost

πŸ“„ Configuration

The blog posts on the demo serve as the documentation and configuration.

πŸ’» Commands

All commands are run from the root of the project, from a terminal:

Replace npm with your package manager of choice. npm, pnpm, yarn, bun, etc

CommandAction
npm installInstalls dependencies
npm run devStarts local dev server at localhost:4321
npm run dev:networkStarts local dev server on local network
npm run syncGenerates TypeScript types for all Astro modules.
npm run buildBuild your production site to ./dist/
npm run previewPreview your build locally, before deploying
npm run preview:networkPreview build on local network
npm run astro ...Run CLI commands like astro add, astro check
npm run astro -- --helpGet help using the Astro CLI
npm run lintRun ESLint
npm run lint:fixAuto-fix ESLint issues

πŸ›οΈ License

MIT

astro
astrojs
astrotheme
blog
portfolio
static
tailwind

markhorn-dev/astro-nano

Astro Nano is a static, minimalist, lightweight, lightning fast portfolio and blog.

Astro

951

11 commits

updated Jun 16, 2025

See the code

README

Astro Nano

Astro Nano is a static, minimalist, lightweight, lightning fast portfolio and blog theme.

Built with Astro, Tailwind and Typescript, an no frameworks.

It was designed as an even more minimal theme than my popular theme Astro Sphere

πŸš€ Deploy your own

Deploy with Vercel Deploy with Netlify

πŸ“‹ Features

  • βœ… 100/100 Lighthouse performance
  • βœ… Responsive
  • βœ… Accessible
  • βœ… SEO-friendly
  • βœ… Typesafe
  • βœ… Minimal style
  • βœ… Light/Dark Theme
  • βœ… Animated UI
  • βœ… Tailwind styling
  • βœ… Auto generated sitemap
  • βœ… Auto generated RSS Feed
  • βœ… Markdown support
  • βœ… MDX Support (components in your markdown)

πŸ’― Lighthouse score

Astro Nano Lighthouse Score

πŸ•ŠοΈ Lightweight

No frameworks or added bulk

⚑︎ Fast

Rendered in ~40ms on localhost

πŸ“„ Configuration

The blog posts on the demo serve as the documentation and configuration.

πŸ’» Commands

All commands are run from the root of the project, from a terminal:

Replace npm with your package manager of choice. npm, pnpm, yarn, bun, etc

CommandAction
npm installInstalls dependencies
npm run devStarts local dev server at localhost:4321
npm run dev:networkStarts local dev server on local network
npm run syncGenerates TypeScript types for all Astro modules.
npm run buildBuild your production site to ./dist/
npm run previewPreview your build locally, before deploying
npm run preview:networkPreview build on local network
npm run astro ...Run CLI commands like astro add, astro check
npm run astro -- --helpGet help using the Astro CLI
npm run lintRun ESLint
npm run lint:fixAuto-fix ESLint issues

πŸ›οΈ License

MIT

astro
astrojs
astrotheme
blog
portfolio
static
tailwind

Significant stargazers

May Kittens Devour Your Soul

261 followers Β· starred Dec 2024

Minh Nguyen

68 followers Β· starred Dec 2024

Michael Angelo Rivera

37 followers Β· starred Nov 2024

David Norman

42 followers Β· starred Jan 2025