mersy note

Contentful: Content Infrastructure for Digital Teams
https://www.contentful.com/

コンテンツタイプの管理ができるCMSみたいなもの。

ブログのベースに使えるか試してみる。

contentful/discovery-app-react: A React.js based version of the Contentful Discovery app
https://github.com/contentful/discovery-app-react

用意されてるサンプルアプリはこんなかんじでコンテンツタイプの中身を見ることが出来るアプリだった。

kristofferdarj/contentful-vue: A small blog with a vue.js frontend and contentful as backend. Used for my personal blog.
https://github.com/kristofferdarj/contentful-vue

これを一応触ってみたけどエラー表示。多分設定とか少し必要そうなので後回し。

cloneして書いてるとおりにコマンドたたいて、store.jsの設定をいじればいいんだとは思うが。

とおもって見てたら単にコンパイルがこけてた。

ERROR  Failed to compile with 1 errors                               9:33:24 AM

error  in ./src/components/v-hero.vue

Module build failed:
     @include mdc-theme-prop(background-color, $color, $edgeOptOut: true);
                                                    ^
     Mixin mdc-theme-prop has no parameter named $edgeOptOut
     in /Users/mersy/Dropbox/works/sample-contentful_vue/contentful-vue/node_modules/@material/button/_mixins.scss (line 42, column 55)

/contentful-vue/node_modules/@material/theme/_mixins.scss

の22行目にある

@mixin mdc-theme-prop($property, $style, $important: false) {

を

@mixin mdc-theme-prop($property, $style, $important: false, $edgeOptOut: true) {

にしてコンパイルは一応通った。

表示とか直すの大変なので一旦終了。

次はこれを試してみる。

Nuxt.jsとContentfulでブログ作ってみた - Qiita
https://qiita.com/hisako135/items/082115b50df92ef3e941

うまく動いていないので後で調べる。

memo Contentful