astro-template

An Astro app built with Tailwind CSS.

Usage (run locally)

Go to the root folder where package.json exists.

npm install

npm run dev
# or
npm run start

required nodejs installed

Bootstrap (new app)

npm create astro@latest -- --template sohanemon/astro-template

Features

This template provides a robust foundation for your Astro projects, leveraging the latest technologies and best practices:

• Astro Framework: Experience the enhanced development experience and improved performance of this modern web framework.
• Radix UI Primitives: Build accessible and highly customizable UI components with ease.
• Tailwind CSS v4: Rapidly style your application with utility-first CSS. Includes custom theme, variants, and utilities for optimized stylesheets.
• Styling and Animations:
  • Tailwind CSS: Styling and component variants for rapid development.
  • Framer Motion: Create stunning animations and transitions with this powerful library.
• Forms and Data Handling:
  • React Hook Form: Simplify form management and validation (for React components).
• Theming:
  • Custom Theme: Easily switch between light and dark modes or implement custom themes with Tailwind.
• Icons:
  • Lucide React: Access a wide variety of beautiful and customizable icons.
• Developer Experience:
  • BiomeJS: Streamlined linting and formatting for consistent code quality.
  • TypeScript: Enhanced type safety and developer tooling.
• Deployment:
  • Vercel: Ready for deployment with @astrojs/vercel.

Quick Start

npm create astro@latest -- --template sohanemon/astro-template

Local Development

1. Install Dependencies:

npm install

2. Start Development Server:

npm run dev

Requires Node.js installed.

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run check - Run Biome linter and formatter check
• npm run fix - Auto-fix Biome issues
• npm run lint - Run Biome linter
• npm run lint:fix - Auto-fix linting issues
• npm run format - Format code with Biome
• npm run format:write - Format and write changes
• npm run typecheck - Run TypeScript type checking
• npm run clean - Clean build artifacts

License

Licensed under the MIT license.