A personal website built with Astro, featuring articles, projects, and a blog with customizable content.
This is a personal portfolio website for Max Plamadeala (@grumpycatyo-collab) that showcases:
- Personal information and a brief bio
- Projects with descriptions and links
- Articles/blog posts with star/featuring functionality
- Dark mode support
- Responsive design for all devices
The website is built using Astro with a content-driven approach, making it easy to add new projects and articles without modifying the core codebase (good stuff).
-
Homepage:
- Introduction section with a brief bio
- Recent articles section
- Call-to-action to view full articles list
-
About Page:
- Detailed information about Max
- Content is editable via Markdown files
-
Projects Page:
- List of projects with title and description
- Each project links to its GitHub repository
-
Articles Section:
- List view of all articles with dates and descriptions
- Article detail pages with full content
- Star functionality to mark favorite articles
max-plamadeala.com/
├── public/ # Static files
├── src/
│ ├── components/ # Reusable components (Header, StarButton, etc.)
│ ├── layouts/ # Page layouts
│ ├── pages/ # Page components and routes
│ └── content.config.ts # Content collection definitions
├── content/
│ ├── articles/ # Markdown files for articles
│ ├── projects/ # Markdown files for projects
│ └── pages/ # Markdown files for pages like About
└── package.json
- Clone the repository:
git clone https://github.com/grumpycatyo-collab/max-plamadeala.git
cd max-plamadeala
- Install dependencies:
npm install
- Run the development server:
npm run dev
- Build for production:
npm run build
Create a new Markdown file in content/articles/
with the following structure:
---
title: "Your Article Title"
publishDate: 2023-06-15
description: "Brief description of your article"
slug: "unique-slug"
featured: false
---
Your article content goes here...
Create a new Markdown file in content/projects/
with the following structure:
---
title: "Project Title"
link: "https://github.com/username/project"
slug: "project-slug"
---
Project description goes here...
This project is licensed under the MIT License - see the LICENSE file for details.
Max Plamadeala (@grumpycatyo-collab)
Feel free to use this website as a template for your own personal site! But please, be original ;).