Credits

astro-theme-cactus

I used astro theme cactus starter for this website, it has been heavily re-worked to fit my personal style and preferred aesthetic.

hasham.xyz

An attempt to create a miniminal portfolio, using: Astro.

Stack

• Platform: Astro
• Deployment: Vercel
• Package manager: npm
• CSS: Tailwind CSS

🚀 Project Structure

Inside of my Astro project, you'll see the following folders and files:

├── public/
│   ├──favicon/
│   ├── images/
│   └── robots.txt
├── src/
│   ├── components/
│   ├── content/
│   ├── layouts/
│   ├── utils/
│   ├── pages/
│   └── styles/
├── .env.example
└── package.json

Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.

There's nothing special about src/components/, but that's where you should place any Astro/React/Vue/Svelte/Preact components.

Any static assets, like images, can be placed in the public/ directory.

🧞 Running Locally

This app requires Node.js v16.15.0 or later.

git clone [email protected]:hasham-qaiser/astro-portfolio.git
cd astro-portfolio
npm install i
npm run dev