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-1https://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.