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