Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Nuxt.js

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.
Rating: 4.3 out of 54.3 (267 ratings)
1,297 students
Created by Ryan Dhungel
Last updated 1/2021
English
English [Auto]
30-Day Money-Back Guarantee

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

18 sections • 100 lectures • 8h 52m total length

  • Preview02:01
  • Preview04:47
  • Preview07:30
  • Preview02:00
  • Universal JavaScript Application
    Preview01:06
  • Preview04:18

  • Installation
    05:10
  • Files and folders structure
    06:40

  • Creating pages
    04:09
  • Creating nested pages
    06:47
  • Route parameters
    05:16
  • Nuxt validate method
    05:16

  • 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 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

  • 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

  • Installing and using plugins
    05:26
  • No SSR component
    06:42
  • Nuxt server init method
    05:26
  • Applying transitions
    02:43

  • Deploy static site to firebase hosting
    09:47
  • Deploy single page app (SPA) to firebase hosting
    04:25

  • 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

  • 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

Instructor

Ryan Dhungel
Web Developer
Ryan Dhungel
  • 4.5 Instructor Rating
  • 13,327 Reviews
  • 175,679 Students
  • 23 Courses

Ryan Dhungel is a Web Developer from Sydney, Australia. He builds Web apps using JavaScript, Node JS, React JS, Vue JS, Laravel and other emerging platforms.

He also wants to make the entire Web Development process enjoyable and productive at the same time by producing well explained practical Tutorials and Training packages for fellow developers.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.