sync data.json variables to be used in frontmatter

[yansusanto]

I'm pretty new to 11ty and working on a project. If I may ask if there is a way for me to sync global data to be as frontmatter data.

Say I have this on my data.json,

{
	"alabama": {
		"tanf": 215,
		"snap": 392,
		"ui": 275,
		"medicaid": 13
	}
}

alabama.md

---
tanf: ?
snap: ?
ui: ?
medicaid: ?
---

Is there a way for me to use data from data.json?

Thank you. Any advice is much appreciated.

[pdehaan]

There might be a way using computedData or JavaScript frontmatter, but the easier solution might just be using the global data directly in your .md file. Something like this:

---
title: HOMEPAGE (ALABAMA)
key: alabama
---

{%- assign state = data[key] -%}

tanf: {{ state.tanf }}
snap: {{ state.snap }}
ui: {{ state.ui }}
medicaid: {{ state.medicaid }}

Where data[key] uses the "key" from the frontmatter and data is the global data file in ./_data/data.json.

[yansusanto]

You have been very helpful, my friend. Thank you so much for your time.

The reason why I want to pull the data from data.json is because it is easier to update the data whether manually or pull the data from reliable sources (that's the plan).

So I tried your suggestion

I tried hardcoding +state: alabama to the frontmatter and

{% set stateData = data[state] %}
{% set tanf = stateData.tanf %}
{% set snap = stateData.snap %}
{% set ui = stateData.ui %}
{% set medicaid = stateData.medicaid %}

Were you able to pull the data?

[pdehaan]

I got it displaying the data for 3 states (I had to add the state name/slug to the frontmatter, and I removed the duplicated data from the state’s .md file).

but all I did was git clone, npm install, then npm start and tweak some files locally. Not sure if there were other steps I missed.

[yansusanto]

Yes, it is the same step but weird, it doesn't pull any data at all.

For global data, say for Alaska, usually I use {{data.alaska.tanf}}. What I have failed to do is to pull the the name of the state in the loop.

That's what I've been trying to achieve.

[pdehaan]

OK, I made PR in your private repo and added some comments for context.

[yansusanto]

That's exactly what I need. Never thought of using page slug before. I have tested the method on my local and that works perfectly.

You have been very helpful, Peter. Finally, I could initiate the transfer from WordPress to 11ty.