https://github.com/hellokaton/astro-portfolio-page
https://github.com/hellokaton/astro-portfolio-page
astro
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/hellokaton/astro-portfolio-page
- Owner: hellokaton
- License: mit
- Created: 2025-01-04T15:28:28.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-26T04:29:21.000Z (12 months ago)
- Last Synced: 2025-04-23T08:07:34.056Z (9 months ago)
- Topics: astro
- Language: Astro
- Homepage: https://hellokaton.me
- Size: 313 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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:
```bash
git clone https://github.com/hellokaton/hellokaton.me.git
```
2. Install dependencies:
```bash
pnpm install
```
3. Start the development server:
```bash
pnpm dev
```
4. Build for production:
```bash
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](https://astro.build) and [Tailwind CSS](https://tailwindcss.com)