Nuxt JS with Laravel API - Building SSR Vue JS Apps
4.4 (207 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,026 students enrolled

Nuxt JS with Laravel API - Building SSR Vue JS Apps

Learn Laravel API Development. Learn Nuxt JS from Scratch to build SPA, Static and SSR Vue JS Web Apps with Vuex.
4.4 (207 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,026 students enrolled
Created by Ryan Dhungel
Last updated 5/2020
English
English [Auto-generated]
Current price: $12.99 Original price: $19.99 Discount: 35% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 9 hours on-demand video
  • 2 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Be able to build modern web apps (SPA, Static & SSR) using Nuxt JS
  • Be able to build powerful and scalable API's using Laravel PHP Framework
  • Learn API Development with Laravel
  • Learn Frontend Web Development with Nuxt Js
  • Master both backend and frontend web development
  • Authentication using JWT
  • Global Validation
  • Middlewares
  • Implement CRUD (create, read, update, delete)
  • Laravel API Resources
  • Topic/Posts Relationship (for example Post/Comments)
  • Likes - Polymorphic Relationship
  • Global Mixins
  • Learn to use Postman
  • Deployment
Course content
Expand all 104 lectures 09:03:14
+ Nuxt - Getting Started
2 lectures 11:50
Installation
05:10
Files and folders structure
06:40
+ Nuxt - Pages
4 lectures 21:28
Creating pages
04:09
Creating nested pages
06:47
Route parameters
05:16
Nuxt validate method
05:16
+ Nuxt - Layouts and Styling
6 lectures 26:41
Nuxt child component
04:33
Using Bootstrap4 and jQuery
06:04
Creating Navigation
05:03
Custom Error Page
01:57
Using nuxt link
02:35
Using your own stylesheet
06:29
+ Project - A simple Nuxt app
9 lectures 55:37
Project introduction
01:52
Making API request - Vue JS way
08:57
Making API request - Nuxt JS way using asyncData method
04:41
asyncData method runs on both client and server side
07:01
Using asyncData method
08:10
Async await to make API request
05:40
Vue Component
05:46
Show post by id
05:01
Getting individual post
08:29
+ Nuxt - Vuex
6 lectures 20:22
Activate vuex store
03:27
Loading images from assets folder
02:39
Create vuex store
05:22
Populate vuex store
01:50
Accessing data from vuex store
05:38
Using nuxt fetch method
01:26
+ Nuxt - The unique parts
4 lectures 20:17
Installing and using plugins
05:26
No SSR component
06:42
Nuxt server init method
05:26
Applying transitions
02:43
+ Nuxt - Deployment
2 lectures 14:12
Deploy static site to firebase hosting
09:47
Deploy single page app (SPA) to firebase hosting
04:25
+ Project - Laravel API with Nuxt JS frontend client
6 lectures 24:51
Laravel Nuxt project introduction
03:04
Laravel setup
04:11
Nuxt setup
02:22
Using Bootstrap via CDN
02:50
Navigation
06:36
Login and register page
05:48
+ Laravel - API Authentication
9 lectures 44:59
Setup laravel JWT authentication
06:24
Register user
09:07
Create validation request
02:37
Laravel API resources
05:25
Respond with token
04:27
User login
05:27
User endpoint
07:27
User logoout
01:43
Add CORS support
02:22
Requirements
  • Basic knowledge of Vue JS
  • Basic knowledge of Laravel
  • Local development environment to create a fresh Laravel project
Description

Hello and welcome to the complete Laravel API Development with Nuxt JS as a frontend framework that helps you build powerful Server Side Rendered Vue js applications with Vuex in a best possbile way.


This course is made to take you from zero to hero to build a complete frontend of your web application using Nuxt JS.


So why learn Nuxt js?

Mainly because it helps you build Vue js applications the best way. Nuxt comes with routing and server side rendering out of the box. with Nuxt, you can build Single Page App(SPA), Static Site and fully Server Side Rendered (SSR)  web applications. These applications are tend to be extremely fast and performant!


And if you already know Vue JS, Nuxt js will be very easy for you to learn. With Nuxt JS you will continue, to become a  better Vue JS developer... and not to mention... Vue JS is the world's most popular and most loved JavaScript framework of recent time.


Why learn API development?

Well, Laravel is a developers dream. It gives you so much out of the box, no matter how big your project is, you will be able to develop and scale your app in no time.

Laravel is currently the worlds most popular web framework for building fullstack web applications. You can build any type of server side applications with it. And greater API support has been added to this amazing framework in recent versions.


So who is this course for?

This course is for people with at least a basic knowledge of Vue JS. And for people who are already familier to Laravel Basics but wants to dive into API development.

However, you can skip the Laravel part and only continue with Nuxt JS if you want to avoid writing your own backend API.


So in short, this is the only course on Udemy that teaches you how to build your own API with Laravel and also build a frontend with Nuxt JS all in one course!


So what's the course like?

This course begins with the absolute basics of Nuxt JS. Then it goes through all the fundamentals of Nuxt JS. You will also build a project while learning Nuxt and also deploy to firebase hosting.


Once you understand everything about Nuxt, you will move to Laravel. With Laravel , you will learn to build a powerful backend with everything you wish to include such as Authentication, CRUD, likes, relationships, API resources and more...


This course is your gateway to the present and future of modern web development, where the backend is separated from the frontend. All in all, this course has all the ingredients to make you A Truly Fullstack Web Developer!!!


About the course, I will be personally helping the students via Q&A section of Udemy so if you ever get stuck, you wont be alone. I will be there to help you.


Finally, Udemy has 30 day money back guarantee! so if for some reason you are not satisfied, you can get your money back. Its completly risk free!


So join me in this course and Master the API driven web development with Nuxt JS for building modern web applications.


This course also have a bigger, most exciting final project. You will be building A Complete API with Laravel which will have Authentication, CRUD, Relationships including polymorphic relationship for Likes and whole lot more...

You will also learn to use postman for testing while building your API.


By the end you will be comfortable enough to start off your next big project using Laravel backend to serve as your API and Nuxt JS to build a frontend client for your Web Application. Please go through the curriculum below to get a bigger picture about this course.

Thank you!

Who this course is for:
  • Laravel developer who wants build an API
  • Vue JS developer who wants to build SSR web apps using Nuxt JS
  • Web Developer who wants to master both frontend and backend to build cutting edge web apps