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 AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design 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 Coaching 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 Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-01-14 09:36:01
30-Day Money-Back Guarantee

This course includes:

  • 6.5 hours on-demand video
  • 15 articles
  • 49 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
Development Web Development Nuxt.js

Nuxt.js - Vue.js on Steroids

Build highly engaging Vue JS apps with Nuxt.js. Nuxt adds easy server-side-rendering and a folder-based config approach.
Bestseller
Rating: 4.7 out of 54.7 (4,862 ratings)
22,199 students
Created by Academind by Maximilian Schwarzmüller, Maximilian Schwarzmüller
Last updated 11/2020
English
English [Auto], French [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Build server-side-rendered single-page-applications (SPAs)
  • Build normal, optimized SPAs with minimal effort
  • Generate a static webpage from Vuejs code
Curated for the Udemy for Business collection

Course content

10 sections • 106 lectures • 6h 43m total length

  • Preview01:53
  • What is Nuxt.js?
    Preview02:58
  • Join our Online Learning Community
    00:21
  • Understanding Server Side Rendering
    Preview04:01
  • Nuxt vs "Normal" Server Side Rendering
    Preview01:32
  • Preview05:07
  • Preview05:37
  • What can we Build with Nuxt?
    Preview02:33
  • Preview02:06
  • Preview01:57
  • Where to Find the Source Code
    00:09

  • Module Introduction
    00:55
  • From Folders to Routes
    06:32
  • Creating a Route with a Dynamic Path
    05:24
  • Adding Links & Navigating Around
    06:21
  • Time to Practice - Pages & Routing
    1 question
  • Validating Parameters
    05:57
  • Creating Nested Routes
    03:11
  • Layouts, Pages & Components - Theory
    01:30
  • Adding a New Layout
    03:52
  • Adding a Default Error Page
    01:23
  • Working with "Normal" Components
    07:51
  • Styling Nuxt Apps
    05:35
  • Wrap Up
    01:03
  • Useful Resources & Links
    00:03

  • Module Introduction
    01:13
  • Creating the Main "Sections" (Pages)
    07:58
  • Adding External Fonts
    03:49
  • Creating the Landing Page
    05:50
  • Splitting the Page into Components
    08:28
  • Adding Static Assets - The Background Image
    02:33
  • Adding the Header Component
    05:54
  • Vue Router vs. Nuxt Router
    01:29
  • Working on the Post Page
    04:33
  • Creating an Admin Section
    12:36
  • Preparing the Backend
    10:20
  • Improving the App
    02:37
  • Adding a Separate Layout to the Admin Area
    02:50
  • Useful Resources & Links
    00:02

  • Module Introduction
    01:00
  • Adding Dynamic Data
    05:52
  • Preparing Data on the Server-Side (through Nuxt)
    09:08
  • Time to Practice - Server-Side Data
    1 question
  • asyncData on Client & Server
    03:17
  • A Closer Look at the Context Object
    02:45
  • Adding Async Data to a Single Post
    05:31
  • Handling Errors with a Callback
    01:55
  • Using Promises in asyncData
    03:17
  • Important: Restart the dev server in next lecture!
    00:13
  • Adding the Vuex Store
    07:59
  • Vuex, fetch() and nuxtServerInit()
    09:26
  • Wrap Up
    03:12
  • Useful Resources & Links
    00:03

  • Module Introduction
    00:45
  • Executing Code on the Server
    03:36
  • Adding Firebase as a Backend
    02:06
  • Using Firebase to Store Data
    04:55
  • Fetching Data from the Backend
    04:17
  • Initializing our Store
    02:54
  • Fetching all Posts
    05:09
  • Time to Practice - Fetching Data
    1 question
  • Editing Posts
    04:32
  • Synchronizing Vuex and the Backend
    10:37
  • Wrap Up
    01:59
  • Useful Resources & Links
    00:01

  • Module Introduction
    00:57
  • The Nuxt Config File
    06:28
  • The Loading Property
    03:28
  • Working with Environment Variables
    05:38
  • Manipulating Routing Settings
    04:34
  • Animating Page Transitions
    03:17
  • Adding Plugins
    05:16
  • Registering a Date Filter
    02:10
  • Understanding Modules
    08:08
  • Wrap Up
    00:46
  • Useful Resources & Links
    00:04

  • Module Introduction
    00:44
  • What is Middleware?
    06:46
  • Adding User Signup
    06:49
  • Adding User Login
    02:53
  • Storing the Token
    05:59
  • Using the Token for Authentication
    03:21
  • Implementing a Middleware
    04:10
  • Invalidating the Token
    02:52
  • Persisting the Token Across Page Refreshes
    09:53
  • Implementing Cookies
    09:33
  • Fixing the Logout Timer
    06:19
  • Adding the Logout Functionality
    05:03
  • A Quick Bugfix
    00:48
  • Useful Resources & Links
    00:00

  • Module Introduction
    01:13
  • Adding Server Side Middleware
    06:18
  • Testing the Middleware
    02:11
  • Starting a Project with a Server Side Template
    03:09
  • Useful Resources & Links
    00:01

  • Module Introduction
    00:32
  • Universal vs SPA vs Static
    03:01
  • Building our App as a Universal App
    02:02
  • Deploying a Universal App
    00:44
  • Building our App as a SPA
    05:44
  • Fetching Data in the SPA
    00:30
  • Building our App as a Static Website
    03:21
  • Improving the Generate Process
    04:43
  • Limiting the Amount of http Requests
    03:04
  • Adjusting the Store
    02:33
  • Deploying SPAs and Static Webpages
    00:20
  • Useful Resources & Links
    00:01

  • Course Roundup
    00:55
  • Bonus: More Content!
    00:20

Requirements

  • Vuejs knowledge is required, though you don't need to be an expert at all
  • That's actually all, you'll learn the rest in the course :)

Description

Vue.js is an amazing JavaScript framework which you can use to build highly engaging user interfaces and single page applications. You can join my bestselling course on Vue.js, here on Udemy, if you want to learn more about this awesome framework!

Nuxt.js takes it to the next level!

It's a library for Vue.js (kind of a "framework for a framework") and it adds two major things to Vue.js:

  • Server-side-rendering of your Vue app out of the box

  • Easy Vue app configuration via folders and files

You'll of course learn all the details in this course but the most important takeaway is that Nuxt.js makes the creation of better, more optimized and more capable Vue apps much easier - and all of that whilst adding pretty much no overhead.

In this course, I'll teach you how to create Nuxt/ Vue apps from scratch! We'll build an entire course project and dive into the core features Nuxt.js offers.

By the end of the course, you'll have a complete Vue app, built with Nuxt.js, which can be rendered on the server (or as a static website!) and which is highly optimized.

The course will teach you ...

  • ... what Nuxt.js exactly is and how it's connected to Vue.js

  • ... how you use Nuxt.js to build better Vue apps

  • ... everything you need to know about the "configure via folders & files" approach taken by Nuxt

  • ... different build possibilities like SSR apps, SPAs or a static webpage

  • ... how you build an entire project, including authentication, via Nuxt.js

  • And way more!

Who am I?

My name is Maximilian Schwarzmüller and I built my company's (Academind) webpage with Nuxt.js.

Besides that, I'm the instructor of the 5* rated, bestselling Vue.js course here on Udemy. I worked with Vue since it's beta, the same is true for Nuxt.js.

I absolutely love these two frameworks and I can't wait to dive into them together with you!

Who this course is for:

  • Anyone who wants to build engaging, (optionally) server-side-rendered Vue JS apps
  • Anyone who wants to work with Vuejs and follow a minimal-configuration approach
  • Anyone who wants to create static websites with Vuejs (Nuxt as a static page generator!)

Featured review

Angel Angelov
Angel Angelov
19 courses
10 reviews
Rating: 5.0 out of 5a year ago
I would personally like it if there was less copy-pasting even if the copy-pasting is self is text and css, not too related to the course. Nevertheless, my rating remains 5 stars as this is possibly the best course one can find on Udemy from the best instructor available. Cheers!

Instructors

Academind by Maximilian Schwarzmüller
Online Education
Academind by Maximilian Schwarzmüller
  • 4.6 Instructor Rating
  • 302,018 Reviews
  • 1,286,277 Students
  • 25 Courses

Bundling the courses and know how of successful instructors, Academind strives to deliver high quality online education. 

Online Education, Real-Life Success - that's what Academind stands for. Learn topics like web development, data analyses and more in a fun and engaging way.

Currently, you can find courses published by Maximilian Schwarzmüller and Manuel Lorenz, more instructors to come!

Keep learning!

Maximilian Schwarzmüller
Professional Web Developer and Instructor
Maximilian Schwarzmüller
  • 4.6 Instructor Rating
  • 550,448 Reviews
  • 1,304,556 Students
  • 35 Courses

Experience as (Web) Developer

Starting out at the age of 13 I never stopped learning new programming skills and languages. Early I started creating websites for friends and just for fun as well. Besides web development I also explored Python and other non-web-only languages. This passion has since lasted and lead to my decision of working as a freelance web developer and consultant. The success and fun I have in this job is immense and really keeps that passion burningly alive.

Starting web development on the backend (PHP with Laravel, NodeJS, Python) I also became more and more of a frontend developer using modern frameworks like React, Angular or VueJS 2 in a lot of projects. I love both worlds nowadays!

As a self-taught developer I had the chance to broaden my horizon by studying Business Administration where I hold a Master's degree. That enabled me to work in a major strategy consultancy as well as a bank. While learning, that I enjoy development more than these fields, the time in this sector greatly improved my overall experience and skills.

Experience as Instructor

As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enables me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 700,000 students on Udemy as well as a successful YouTube channel is the best proof for that.

Whether working as development instructor or teaching Business Administration I always received great feedback. The most rewarding experience is to see how people find new, better jobs, build awesome web applications, acquire amazing projects or simply enjoy their hobby with the help of my content.

Together with Manuel Lorenz, I founded Academind to offer the best possible learning experience to our more than 800,000 students.

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