Astro TypeScript React Tailwind Blog

Credit

This is just a customized version of https://github.com/withastro/astro/tree/latest/examples/blog.

Customizations

• Using pnpm for dependency management
• Using React for components
• Using Tailwind for styles
• Using .env files for configurable values
• Add extended .gitignore file generated with gitignore.io
• Add reading time support
• Add tags support
• Fits more content in small screens
• ...

🧞 Commands

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

Command	Action
pnpm i	Installs dependencies
pnpm dev	Starts local dev server at localhost:3000
pnpm build	Build your production site to ./dist/
pnpm preview	Preview your build locally, before deploying
pnpm check	Typecheck the project with astro check
pnpm lint	Lint with oxlint
pnpm format	Format with oxfmt
pnpm format:check	Check formatting without writing files
pnpm test	Run the vitest test suite
pnpm astro ...	Run CLI commands like astro add, astro check
pnpm astro --help	Get help using the Astro CLI

Requires Node.js >= 22.12 and pnpm (pinned via the packageManager field).