Episode 10 • One Page App With Drupal 8 and Vue.js

Creating Movie With Vue.js

In this tutorial you will learn how to connect to the Drupal 8 REST API and create a new movie node using Vue.js and Vue resource plugin.

As you can imagine creating a new Drupal node via REST API is not as easy as getting the list of nodes or one node. Mostly because to create a new node via REST API you need to take care of Drupal authorization first. You don't want unauthorized users to add content to your site as they please.

But as you will see, if you are using Vue.js and its resource plugin to make your requests to the Drupals API creating a new node via REST is very easy if you know what you are doing.

In this episode we are going to create a form that will let us enter title and body of our movie node. Then we are going to post the data that we get from that form to Drupal and create a new movie node.

I'm also going to show you how to inform a user of successful post request to the Drupl 8 REST API.

Download code
  • Episode 01 • Duration 21:08

    Intro To Vue.js

  • Episode 02 • Duration 32:00

    Getting The Data From Drupal 8

  • Episode 03 • Duration 04:44

    Enable CORS for Drupal 8

  • Episode 04 • Duration 19:55

    Live Filtering With Vue.js

  • Episode 05 • Duration 15:52

    Making Filter Dynamic

  • Episode 06 • Duration 24:47

    Displaying Single Data Item

  • Episode 07 • Duration 09:42

    Vue Components

  • Episode 08 • Duration 14:26

    Vue Routing

  • Episode 09 • Duration 21:10

    Routing and Components

  • Episode 10 • Duration 31:35

    Creating Movie With Vue.js

  • Episode 11 • Duration 14:35

    Delete Movie With Vue.js

  • Episode 12 • Duration 23:01

    Update Movie With Vue.js

  • Episode 13 • Duration 25:16

    Register a User on Drupal 8

  • Episode 14 • Duration 13:35

    Vue Transitions

  • Episode 01 • Duration 21:08

    Intro To Vue.js

  • Episode 02 • Duration 32:00

    Getting The Data From Drupal 8

  • Episode 03 • Duration 04:44

    Enable CORS for Drupal 8

  • Episode 04 • Duration 19:55

    Live Filtering With Vue.js

  • Episode 05 • Duration 15:52

    Making Filter Dynamic

  • Episode 06 • Duration 24:47

    Displaying Single Data Item

  • Episode 07 • Duration 09:42

    Vue Components

  • Episode 08 • Duration 14:26

    Vue Routing

  • Episode 09 • Duration 21:10

    Routing and Components

  • Episode 10 • Duration 31:35

    Creating Movie With Vue.js

  • Episode 11 • Duration 14:35

    Delete Movie With Vue.js

  • Episode 12 • Duration 23:01

    Update Movie With Vue.js

  • Episode 13 • Duration 25:16

    Register a User on Drupal 8

  • Episode 14 • Duration 13:35

    Vue Transitions