@vuesion/addon-contentful

vuesion contentful integration

Usage no npm install needed!

<script type="module">
  import vuesionAddonContentful from 'https://cdn.skypack.dev/@vuesion/addon-contentful';
</script>

README

@vuesion/addon-contentful

contentful integration for the vuesion project

Installation

Inside your vuesion project run:

npm run add

Create Contentful Models

Page

page model

Text

page model

Gallery

page model

Create Content

Test Page

page model

Notfound Page

page model

Testing

  • run your app CONTENTFUL_ACCESS_TOKEN=your-token CONTENTFUL_SPACE_ID=your-space-id CONTENTFUL_PREVIEW=true npm run dev
  • go to http://localhost:3000/test
    • you should see the content from contentful
  • go to http://localhost:3000/foo
  • you should get a 404 error in the network tab and the content from contentful

Next steps

  • create more content models and refine the logic in the contentful module e.g. use <component :is="item.component" v-bind="item.properties" />