Resume Building

Alright! lets get down to building a Resume to share your skills and idea's with fellow humans on the world wide web!

For everybody new, you are one blog post away of learning to build Flamewerk apps read our setup of NodeJS, Yarn, Github and VS code. [

Flamewerk: Nuxt3 Startup Theme

🔥 Build Modern Webapps for Free Forever with one easy config, Deploy in less then 5min on any cloudprovider. Create a website, application, shop or community with super documentation and our community.

Flamewerk

](https://flamewerk.com/news/setup-installation) More documentation can be found at https://flamewerk.com/docs/setup

Okay that out of the way let's start.

First we will open the index.md file in the content/en/ directory. Remove all the content here and replace it with the following code:

---
title: 'Resume Page'
description: 'Resume Meta Description of the Page'
---
::BlockProseContent

#🌎 Hello World

::

Now for our first trick we will use Flamewerk blocks to set the basic layout.

Replace the code in the index.md with the following, you can save the file in between adding a block to see the page grow, in the end you will end up with for example a page like this.

---
title: 'Resume Page'
description: 'Resume Meta Description of the Page'
---

:BlockResumePrintblock

:::BlockResumePage

:BlockResumeHeader

::BlockResumeColumn

:BlockResumeLinks

:BlockResumeSummary

:BlockResumeExperience

:BlockResumeSkills

:BlockResumeProjects

:BlockResumeEducation
::

:::

This trick uses the data stored in the page.js to populate the basic blocks with its content.

You should now have this result: To understand the syntactic sugar used here in the markdown works it is important to undestand that the ::: and :: represent opening and closing tags so the block :BlockResumeLinks is rendered with the ::BlockResumeColumn. This basicly boils down to if you forget a : or add : to the wrong place your layout might shift.