portfolio-template Svelte Themes

Portfolio Template

Just a sample project to have some hands on Astro and svelte

Portfolio Template

A minimal portfolio template built with Astro and Svelte.
This project contains sample/demo content only and is intended for learning, experimentation, and as a starter structure for building a personal portfolio.

āš ļø This repository does not include real portfolio data, public assets, or images.


✨ Features

  • Built using Astro for fast static site generation
  • Svelte components for interactivity
  • Global layout structure
  • Global CSS for consistent styling
  • Centralized content management using Svelte stores
  • Clean and simple project organization
  • No public assets or images included (text-only demo)

šŸ“ Project Structure

ā”œā”€ā”€ src/
│   ā”œā”€ā”€ components/     # Reusable Svelte / Astro components
│   ā”œā”€ā”€ layouts/        # Global layout(s)
│   ā”œā”€ā”€ pages/          # Astro pages (routes)
│   ā”œā”€ā”€ stores/         # Svelte stores containing sample content
│   ā”œā”€ā”€ styles/         # Global CSS
│   └── content/        # Markdown (MD) content pages
ā”œā”€ā”€ public/             # (Empty – no public assets or images)
ā”œā”€ā”€ astro.config.mjs
ā”œā”€ā”€ package.json
└── README.md

šŸš€ Running the Project Locally

Follow the steps below to run the project on your local machine.

1. Clone the repository

git clone https://github.com/iadwait/portfolio-template.git

2. Navigate into the project directory

cd portfolio-template

3. Install dependencies

npm install

4. Start the development server

npm run dev

Once the server is running, open your browser and visit the URL shown in the terminal.
It will be something like: http://localhost:1234


Top categories

Loading Svelte Themes