Migrated to Drupal 8, using Vue.js in the front

Update 30/09/2019: switched back to a Drupal theme

If you can read this with a beautiful background picture of Isle of Man, then it means your javascript is working. If not, well, then maybe you disabled javascript, or you are reading this in a feed somewhere :) Or this is a bot and I haven't completely killed my great SEO rankings ...

Either way, I've just migrated my site to Drupal 8 using Vue.js to render the content. Most of the data is served using the excellent JSON API module, some are served using simple custom controllers like the front page content, search results, 404, 403 and the Vue.js index file. It's been an interesting experience already, and I'm still learning a lot about this framework which, so far, is really refreshing and very easy to work with. I even have a fancy progress bar working! But also handy edit links when I'm browsing my own site as an authenticated user with the right permissions.

I also took the liberty to clean up the content from the last 10 years. The oldest page is actually from 2007 somewhere, how time flies! A lot of blog posts have been unpublished as they weren't really relevant anymore, or simply boring. Comments (and the ability to post one) will come back in the next couple of weeks too; along with updates to the styling as well to make sure this is all readable on most devices :)

Update february 9: you can post comments again!

Comments

Predrag on Mon, 12/03/2018 - 16:04

Hi, is there a way for you to share some of the methods u used for making this work?

Maybe some git project, I'm looking for a way to implement Vue to my Drupal 8 website, but I can't seem to find any documentation.

swentel on Mon, 12/03/2018 - 16:31

@Predrag

I'm slowly documenting all things and I'll be doing a small meet up soon in our local community, once that's done, I'll share the slides which should contain best practices etc.

Predrag on Mon, 12/03/2018 - 17:20

@swentel

Thanks for the quick response, and for supporting the community!

Odil on Thu, 04/07/2019 - 19:05

Hi, very interesting experience. How did you do the authentication from vue to your backend drupal? Which modules did you use and can you share the code you used in vue?
Thank you in advance.

Add reply

Plain text

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.
Have you written a response to this? Let me know the URL by sending a webmention.