Astro Theme Starter
A modern and clean Astro theme for personal portfolios and bilingual (French/English) blogs. Built with TypeScript, Tailwind CSS, and MDX, focusing on performance and best practices. Ideal for developers and content creators
Overview
The Astro Portfolio & Bilingual Blog Template is an exceptional tool for anyone looking to showcase their work while maintaining a bilingual presence online. Designed with modern technologies like Astro, TypeScript, and Tailwind CSS, it emphasizes performance and ease of customization, making it a versatile choice for personal portfolios and blogs in both French and English.
This template not only boasts a clean and modern aesthetic but also provides a robust framework for adding content and managing projects. It’s built to enhance user experience while highlighting your achievements in an engaging format.
Features
- Portfolio Ready: Easily showcase your projects and achievements; simply add your content to the pre-designed layout.
- Bilingual Blog: Pre-configured for technical articles in both French and English, complete with example posts to get you started.
- Modern & Clean Design: Enjoy a sleek user interface powered by Tailwind CSS, ensuring your site looks professional and up-to-date.
- Optimal Performance: Generate lightning-fast static sites using Astro, ensuring a smooth experience for your visitors.
- Static Typing with TypeScript: Utilize TypeScript for robust and maintainable code that enhances your development experience.
- Clean Code Principles: Benefit from a strong focus on code quality and architecture, making future updates and changes seamless.
- Responsive Design: Achieve an optimal user experience across all devices, from desktops to smartphones.
- Internationalization (i18n): Basic setup for UI translations allows you to easily cater to a global audience.
- Astro
Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- cmdk
cmdk is a fast, composable command menu component for React. It provides the foundation for building command palettes, search interfaces, and keyboard-navigable menus similar to those found in applications like VS Code, Linear, and Raycast.
- React Hook Form
React Hook Form is a performant, flexible, and extensible form library for React with easy validation. It reduces re-renders and improves performance by using uncontrolled components and native HTML validation, making form handling simple and efficient.
- Zod
Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.