hellokaton/astro-portfolio-page

Multilingual Astro Blog Template

A modern, performant and SEO-friendly blog template built with Astro and Tailwind CSS, featuring multilingual support.

🚀 Features

• ⚡️ Built with Astro 4.0 for maximum performance
• 🎨 Styled with Tailwind CSS
• 🌐 Multilingual support with i18n routing
• 📱 Fully responsive design
• 🔍 SEO optimized
• 📝 Markdown/MDX support for blog posts
• 🔄 Static site generation (SSG)
• 🎯 Zero JavaScript by default
• 🎨 Dark mode support

📸 Screenshots

🛠️ Quick Start

1. Clone this repository:

git clone https://github.com/hellokaton/hellokaton.me.git

2. Install dependencies:

pnpm install

3. Start the development server:

pnpm dev

4. Build for production:

pnpm build

📁 Project Structure

/
├── public/
├── src/
│   ├── components/
│   ├── layouts/
│   ├── pages/
│   │   └── [lang]/
│   └── styles/
├── astro.config.mjs
└── tailwind.config.cjs

🌍 Adding New Languages

1. Add your language in src/pages/[lang]/
2. Create corresponding translation files
3. Update language switcher component

🎨 Customization

• Modify tailwind.config.cjs for theme customization
• Update astro.config.mjs for Astro configuration
• Customize components in src/components/

📄 License

MIT License - feel free to use this template for your own projects!

🙏 Credits

Built with Astro and Tailwind CSS