Build a Single Page Application with Laravel 5.8, Vue.js and Tailwind

Build a Single Page Application with Laravel 5.8, Vue.js and Tailwind

In this article I’m going to build a Single Page Application (SPA) with Laravel 5.8, Vue.js, Vue Router and a Tailwind CSS landing page template.

Too long; didn’t read - source code here

Introduction to Single Page Applications (SPAs)

Conventional apps from MVC frameworks like Laravel, Ruby On Rails or Django use Models, Views and Controllers to take information from the database and render them to HTML pages. In modern parlance this is called Server Side Rendering (SSR). It’s good for SEO. Initially with the rise of Angular 1.x and now to React and Vue.js web application development has shifted towards being API focused. Instead of the server configuring how the HTML view is going to look, the server is an API that sends JSON and JSON only. With all major client side Javascript frameworks routing and view logic can be handled on the frontend independent of the server. Moving view and routing logic from the server to the client brings about new challenges.

The advantage of moving responsibility from the server to the client is that apps can be faster and more responsive. There is added complexity though. In this tutorial we’re going to go through instantiating a default Laravel 5.8 project and setting things up for API driven development.

...

You can read the rest of the article for free here.

要查看或添加评论,请登录

Connor Leech的更多文章

社区洞察

其他会员也浏览了