100 days of code

- tracking progress

24 Jul 2017

Day 36: Experiments with netlify cms and vue/nuxt

Netlify Swag

What I’ve done today

If you’re interested in this kind of stuff stay tuned, I’ll post a detailed description of what I did when it’s finished and you can see some outcome :-) I’ll also provide a link to the repo and the finished app then.

This is my experimental config since now. I try to reproduce a datastructure I already use in the app so that I can use netlifycms’s output directly in my app.

collections: # A list of collections the CMS should be able to edit
  - name: "projects-collection" # all the things in one entry, for documentation and quick testing
    create: true # Allow users to create new documents in this collection
    label: "Projekte"
    files:
      - name: "projects"
        label: "Projekte"
        description: "Projekte, die im Slider angezeigt werden"
        file: "static/data/projekte.json"
        fields:
          - label: "Projekt"
            name: "project"
            widget: "list"
            fields:
              - label: "Seite"
                name: "slide"
                widget: "list"
                fields:
                  - {label: "Seitentitel", name: "title", widget: "string"}
                  - label: "Seiteninhalte"
                    name: "elements"
                    widget: "object"
                    fields:
                      - label: "Überschriften"
                        name: "headlines"
                        widget: "list"
                        fields:
                          - {label: "headline", name: "type", widget: "hidden", default: "hidden"}
                          - {label: "Überschrift", name: "content", widget: "string"}
                          - {label: "Abstand links in %", name: "positionLeftInPercent", widget: "number"}
                          - {label: "Abstand von oben in %", name: "positionTopInPercent", widget: "number"}
                          - {label: "z-index", name: "zIndex", widget: "number"}

What I’m planning to do next

Integrate the generated data (json) in vue app

Learnings today:

Link Dump for today: