Back to themes

TechTim's Astro Bento Portfolio

Yet Another Bento Style Astro template for personal portfolio, including blog, projects, tag system and more.


Cost

Free


Created by
Tim

Deploy to Netlify

This template helps you build a portfolio using Astro, Typescript, React, Tailwind CSS, and Shadcn UI.

Technologies Used

This project utilizes the following technologies:

  • Astro: A modern framework for building fast and efficient websites.
  • Tailwind CSS: A utility-first CSS framework for rapid and responsive design.
  • Shadcn UI: A collection of accessible and easy-to-use UI components.
  • React: For interactive components and advanced functionality.
  • TypeScript: For static type checking and improved developer experience.



In Addition

  • Accessibility: Ensure your portfolio is accessible to all users, including those with disabilities.
  • SEO: Optimize your portfolio for search engines by adding meta tags and relevant content.
  • Performance: Use modern web development practices to ensure optimal performance, such as lazy loading images and minimizing CSS/JS.
  • Responsive Design: Make sure your portfolio looks good on devices of all sizes, from mobile to desktop screens.
  • Centralised data management inside one folder
  • Use Astro recommended Content Collection to manage data
  • <code>src/content</code> folder for blog posts, project data and profile data
  • <code>src/content/profileData.ts</code> for general profile data
  • Tags system
  • Simplified Dark/Light mode toggle