Simple portfolio made in Astro
and Solidjs
you can view a demo here
- SSG
- Responsive
- Sitemap
- Good lighthouse Score
- Blog RSS feed
- Work projects page
-
Now
page (What's that?) - Blog pagination
- dynamic OG image preview for blog posts
- Smooth page transition (this might not work since it use browser API)
In order to disable a pages you need to prefix the file name with an _
(e.g.: about.astro
-> _about.astro
)
/
├── public/
│ ├── fonts/
│ ├── favicon.ico
│ ├── logo.svg
│ └── robots.txt
├── src/
│ ├── components/
│ ├── content/
│ │ | blog/
│ │ | └── some-blog-posts.md
│ │ └── config.ts
│ ├── layouts/
│ └── pages/
│ └── utils/
│ └── config.ts
└── config.ts // you can set all social links, email and other info here
└── package.json
All commands are run from the root of the project, from a terminal:
Command | Action |
---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:3000 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add , astro check |
npm run astro --help |
Get help using the Astro CLI |
# Clone this repository
$ git clone https://github.com/Ladvace/Astro-portfolio
# Go into the repository
$ cd Astro-portfolio
# Install dependencies
$ npm install
# Start the project in development
$ npm run dev
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.
- Gianmarco - https://github.com/Ladvace