Setup Development Environment for the Frontend

In this lesson, we download and setup the boilerplate code for the front-end app. We also go over existing file structure and code.

The front-end is built with Nuxt but we’re mostly using it for the developer conveniences it provides. Much of the app could be built very similarly without Nuxt (using a regular Vue SPA created with npm init vue). And I’ll point out what you might do differently in the course videos if you weren’t using Nuxt.

You should be able to follow along pretty easily without knowing Nuxt already but if you’d like to learn the fundamentals you can checkout our Nuxt.js 3 Fundamentals Course.

One of the big advantages of this approach, is that you can split development teams between backend and frontend.

Links

• vueschool/laravel-backends-for-vuejs-3 - Front End Repo
• Nuxt.js 3 Fundamentals Course
• Tailwind CSS