Projects Collection

The projects collections is found in src/content/projects.

Working with the projects collection:

📁 /src/content/projects
└── 📁 project-1
      └── 📄 index.md
└── 📁 projects-2
      └── 📄 index.mdx

In the above example, two static pages will be generated, based on the existence of a classic markdown .md file or a jsx compatible markdown .mdx file. The folder name represents the slug:

https://example.com/projects/project-1
https://example.com/projects/project-2

All content must be preceded by required metadata in the markdown file in yaml format, and be enclosed by triple dashes. --- ---

---
title: "My awesome project"
description: "A description of my project."
date: "Mar 22 2024"
draft: false
---

Metadata fields

Field	Req	Type	Remarks
title	Yes	string	Title of the content. Used in SEO and RSS.
description	Yes	string	Description of the content. Used in SEO and RSS.
date	Yes	string	Must be a valid date string (able to be parsed).
draft	No	boolean	draft: true, content will not be published.
demoURL	No	string	Link to live project demo, if applicable.
repoURL	No	string	Link to project repo, if applicable.

All that’s left to do is write your content under the metadata.

---
title: "My awesome project"
description: "A description of my project."
date: "Mar 22 2024"
draft: false
---

### Woot

This is a paragraph about my project.

🎉 Congrats, you are now a blogger, and developer.