74 lines
1.7 KiB
Markdown
74 lines
1.7 KiB
Markdown
|
# ⚡️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
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 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
|