Back to Garden
Article

The Starter Kit

A comprehensive guide to getting started with this portfolio template, including setup, customization, and deployment.

Peter
#tutorial#astro#getting-started

The Starter Kit

Welcome to this portfolio template! This guide will help you understand the structure and get you up and running quickly.

Table of Contents

Introduction

This portfolio is built with modern web technologies that prioritize performance, developer experience, and user experience. Let’s explore what’s included and how to make it your own.

Interactive Demo

Here’s an example of an embedded interactive component:

Secret Extractor Component

This is a Solid.js component embedded in MDX.

Code Examples

You can include syntax-highlighted code blocks:

function hello() {
  console.log('Hello, world!');
}
interface Project {
  title: string;
  description: string;
  tags: string[];
}

const myProject: Project = {
  title: 'Amazing App',
  description: 'An app that does amazing things',
  tags: ['react', 'typescript'],
};

Next Steps

  1. Update your personal information in the components
  2. Add your real projects
  3. Write your own blog posts
  4. Deploy to your favorite hosting platform