Astro-Portfolio

Simple portfolio made in Astro and Solidjs

you can view a demo here

Features 🔥

• 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)

Structure

/
├── 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

Commands 🧞

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

Steps ▶️

# 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

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.

Authors ❤️

• Gianmarco - https://github.com/Ladvace