https://github.com/Ladvace/astro-bento-portfolio
Astro-bento-portfolio is a minimal bento-like (almost) single page portfolio website made in Astro
https://github.com/Ladvace/astro-bento-portfolio
astrojs astrojs-blog astrojs-template personal-website portfolio portfolio-template
Last synced: 3 months ago
JSON representation
Astro-bento-portfolio is a minimal bento-like (almost) single page portfolio website made in Astro
- Host: GitHub
- URL: https://github.com/Ladvace/astro-bento-portfolio
- Owner: Ladvace
- License: mit
- Created: 2023-08-16T18:26:27.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2025-06-14T19:11:41.000Z (4 months ago)
- Last Synced: 2025-06-14T20:27:40.539Z (4 months ago)
- Topics: astrojs, astrojs-blog, astrojs-template, personal-website, portfolio, portfolio-template
- Language: Svelte
- Homepage: https://sparkly-speculoos-0c9197.netlify.app/
- Size: 8.79 MB
- Stars: 288
- Watchers: 4
- Forks: 106
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# ⚡️astro-bento-portfolio
## A personal portfolio website made using `Astro`.
To view a demo example, **[click here](https://sparkly-speculoos-0c9197.netlify.app/)**
or my portfolio **[click here](https://gianmarcocavallo.com)**
## Features
- Modern and Minimal bento-like, sleek UI Design
- All in one page (almost)
- Fully Responsive
- Performances and SEO optimizations
- Ready to be deployed on [Netlify](https://www.netlify.com/)
- Blog
- RSS support (your-domain/rss.xml)
- Cool 3d globe
## Tech Stack
- [Astro](https://astro.build)
- [unocss](https://unocss.dev/)
- [motion](https://motion.dev/)
- [d3](https://d3js.org/)
# Steps ▶️
```bash
# Clone this repository
$ git clone https://github.com/Ladvace/astro-bento-portfolio
```
```bash
# Go into the repository
$ cd astro-bento-portfolio
```
```bash
# Install dependencies
$ pnpm install
or
$ npm install
```
```bash
# Start the project in development
$ pnpm run dev
or
$ npm run dev
```
# Be sure to replace the momoji and all the relative information, such as email, website and other info, if you don't your website is gonna point to my domain and to my info
## REMOVE THE umami analytics script tag (or replace it with your id) in `src/layouts/Layout.astro`
# Configuration
remember to replace the `site` and other properties with your data in `astro.config.mjs`
# Deploy on Netlify 🚀
Deploying your website on Netlify it's optional but I reccomand it in order to deploy it faster and easly.
You just need to fork this repo and linking it to your Netlify account.
or
[](https://app.netlify.com/start/deploy?repository=https://github.com/Ladvace/astro-bento-portfolio)
## Authors ❤️
- Gianmarco - https://github.com/Ladvace