Astro Themes & Templates Logo Astro Themes & Templates
Astro Bento Portfolio screenshot

Astro Bento Portfolio

Author Avatar Theme by Ladvace
Updated: 11 May 2025
285 Stars

Astro-bento-portfolio is a minimal bento-like (almost) single page portfolio website made in Astro

Github Live Preview

Categories

Svelte Personal Portfolio

Overview:

The Astro Bento Portfolio is a modern and minimalistic personal portfolio website template created using Astro. It features a sleek UI design, all in one page layout, full responsiveness, performance and SEO optimizations, making it ready to be deployed on Netlify. The template also includes blog and RSS support, a cool 3D globe, and is built using technologies like Astro, Unocss, Motion, and D3.

Features:

  • Modern and Minimal Design: Bento-like, sleek UI design for a visually appealing portfolio.
  • All in One Page: Nearly all content available on a single page for easy navigation.
  • Fully Responsive: Adapts seamlessly to different screen sizes for optimal viewing experience.
  • Performances and SEO Optimizations: Designed for optimized performance and search engine visibility.
  • Ready for Deployment on Netlify: Easy to deploy on the Netlify platform for fast and smooth deployment.
  • Blog and RSS Support: Includes support for blogging and provides an RSS feed (/rss.xml).
  • Cool 3D Globe: Adds an interactive 3D globe element to the portfolio.
  • Tech Stack: Built using Astro, Unocss, Motion, and D3 for a robust and dynamic website.

Installation:

To install the Astro Bento Portfolio template, follow these steps:

  1. Remove the umami analytics script tag or replace it with your own ID in src/layouts/Layout.astro.
  2. Configure the site properties by replacing them with your data in astro.config.mjs.
  3. Optionally, deploy the website on Netlify for faster and easier deployment by forking the repository and linking it to your Netlify account.

Summary:

The Astro Bento Portfolio is a visually appealing template for personal portfolios, featuring a modern design, responsive layout, and various optimizations for performance and SEO. With easy deployment on Netlify and support for blogging, this template offers a comprehensive solution for showcasing your work online. The use of Astro, Unocss, Motion, and D3 technologies further enhances the interactivity and dynamics of the portfolio website.