All Posts in the series: Building a Single Page Application from Scratch with Vue.js and Laravel

Building a Single Page Application from Scratch with Vue.js and Laravel

Please note that this series is using Vue 1.0. You can still read it if you're using Vue 2.0, though, since there's not much difference between both in terms of the API. Also, note that some of the tools and approaches used h...
Read more...

SPA with Vue.js and Laravel: Setting Things up

As with all projects, we start by setting things up. We'll scaffold a new Laravel project, configure Elixir, prepare our Laravel's main view, and create our very first Vue page component. Please note that since this series is...
Read more...

SPA with Vue.js and Laravel: Routing Basics

If you remember in the previous part, we created our very first page component. Well, to be more accurate, it's not really our very first page; it is the master page. We all know, one of the most basic things in templates is...
Read more...

SPA with Vue.js and Laravel: Preparing Categories & Topics API

In this part, I'd like to focus on the backend side of our application and build the basic API for fetching categories and their related topics. We'll start this part by connecting to the database and creating the needed migr...
Read more...

SPA with Vue.js and Laravel: Displaying Categories & Topics

Now we come to the second half of the problem — that's fetching and displaying the data we prepared in the previous part. We've got many things to do; let's dive in. Displaying categories We have multiple things to do to disp...
Read more...

SPA with Vue.js and Laravel: Understanding Route Transition

In some cases, we want a way to control how our app should behave when the user is moving from page to page. For instance, can the user enter this new page? Or can he even leave the current page? Or what data should this page...
Read more...

SPA with Vue.js and Laravel: Pagination, Breadcrumb & Loading Indicator

In this part, we’ll be implementing three small, yet important features in our app. First, we’ll apply pagination to our topics. Then, we’ll see how to display a beautiful breadcrumb to show users where they are in the forum’...
Read more...