Video description
This course will take you on a journey where you'll you will learn to build highly engaging Vue.js apps with Nuxt.js. Nuxt adds easy server-side-rendering and a folder-based config approach. Vue.js is an amazing JavaScript framework which you can use to build highly engaging user interfaces and single.- page applications. You'll master all the details in this course but the most important takeaway is that Nuxt.js makes creating better, more optimized, and more capable Vue apps much easier—and all of that while adding pretty much no overhead. You'll learn how to create Nuxt/ Vue apps from scratch! You'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.
What You Will Learn
- Build server-side-rendered single-page-applications (SPAs)
- Build normal, optimized SPAs with minimal effort
- Generate a static webpage from Vue.js code
- Get real info on Nuxt.js 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 and files approach taken by Nuxt
- Different build such as like SSR apps, SPAs, or a static webpage
- Build an entire project, including authentication, via Nuxt.js
Audience
This course is designed for people who want to build engaging, (optionally) server-side-rendered Vue.js apps, those who want to work with Vue.js and follow a minimal-configuration approach, and for those who want to create static websites with Vue.js (with Nuxt as a static page generator!).
About The Author
Academind by Maximilian Schwarzmüller:
Academind GmbH
Bundling the courses and the knowledge of successful instructors, Academind strives to deliver high-quality online education. The platform covers topics such as web development, data analysis, and more in a fun and engaging way.
Maximilian Schwarzmüller
Since the age of 13, he has never stopped learning new programming skills and languages. In his early days, he started creating websites simply for fun. This passion has remained and shaped his decision to work as a freelance web developer and consultant. Although he started web development on the backend (PHP with Laravel and NodeJS), he has progressed to becoming a front-end developer using modern frameworks such as React, Angular, and VueJS 2 in many projects.
The most rewarding experience for him is to see how people find new and better jobs, build exciting web applications, acquire amazing projects, or simply enjoy their hobby with the help of his content.
Table of contents
- Chapter 1 : Getting Started
- Chapter 2 : Pages, Routing Views
-
Chapter 3 : Project - Pages, Routing Views
- Module Introduction
- Creating the Main "Sections" (Pages)
- Adding External Fonts
- Creating the Landing Page
- Splitting the Page into Components
- Adding Static Assets - The Background Image
- Adding the Header Component
- Vue Router vs. Nuxt Router
- Working on the Post Page
- Creating an Admin Section
- Preparing the Backend
- Improving the App
- Adding a Separate Layout to the Admin Area
-
Chapter 4 : Handling Data
- Module Introduction
- Adding Dynamic Data
- Preparing Data on the Server-Side (through Nuxt)
- asyncData on Client Server
- A r Look at the Context Object
- Adding Async Data to a Single Post
- Handling Errors with a Callback
- Using Promises in asyncData
- Adding the Vuex Store
- Vuex, fetch() and nuxtServerInit()
- Wrap Up
- Chapter 5 : Connecting our App to the Backend
- Chapter 6 : Nuxt - Config, Plugins Modules
-
Chapter 7 : Middleware Authentication
- Module Introduction
- What is Middleware?
- Adding User Signup
- Adding User Login
- Storing the Token
- Using the Token for Authentication
- Implementing a Middleware
- Invalidating the Token
- Persisting the Token Across Page Refreshes
- Implementing Cookies
- Fixing the Logout Timer
- Adding the Logout Functionality
- A Quick Bugfix
- Chapter 8 : The Server Side
- Chapter 9 : Building a Nuxt App
- Chapter 10 : Round Up
Product information
- Title: Nuxt.js - Vue.js on Steroids
- Author(s):
- Release date: October 2018
- Publisher(s): Packt Publishing
- ISBN: 9781789957396
You might also like
video
React Front to Back 2022
The course starts with React fundamentals including components, props, hooks, state, and so on. Then learn …
video
React - The Complete Guide (Includes Hooks, React Router, and Redux) - Second Edition
**This course is now updated for React 18** Starting with an introduction to React concepts, you …
video
React - The Complete Guide (incl. Hooks, React Router and Redux)
Learn React or dive deeper into it. Learn the theory, solve assignments, practice on demo projects …
book
Learning React, 2nd Edition
If you want to learn how to build efficient React applications, this is your book. Ideal …