Nuxt.js 2 - 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.
Enroll in Course
Vue.js is an amazing JavaScript framework which you can use to build highly engaging user interfaces and single page applications.
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 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
6+
hours
100+
lessons
Course Curriculum
-
PreviewWelcome & Introduction (1:53)
-
PreviewWhat is Nuxt.js? (2:58)
-
PreviewUnderstanding Server Side Rendering (4:01)
-
PreviewNuxt vs "Normal" Server Side Rendering (1:32)
-
PreviewJoin our Online Learning Community
-
PreviewCreating New Nuxt Projects & Nuxt 2
-
PreviewCreating our First Nuxt App (5:06)
-
PreviewUnderstanding the Folder Structure (5:37)
-
PreviewWhat can we Build with Nuxt? (2:33)
-
PreviewWhat's Inside This Course? (2:06)
-
PreviewHow To Get The Most Out Of This Course (1:57)
-
PreviewWhere to Find the Source Code
-
StartThe Academind Pro Referral Program
-
StartModule Introduction (0:55)
-
StartFrom Folders to Routes (6:32)
-
StartCreating a Route with a Dynamic Path (5:24)
-
StartAdding Links & Navigating Around (6:21)
-
StartAssignment - Pages & Routing (Problem) (1:34)
-
StartAssignment - Pages & Routing (Solution) (4:32)
-
StartValidating Parameters (5:57)
-
StartCreating Nested Routes (3:11)
-
StartLayouts, Pages & Components - Theory (1:30)
-
StartAdding a New Layout (3:52)
-
StartAdding a Default Error Page (1:23)
-
StartWorking with "Normal" Components (7:51)
-
StartStyling Nuxt Apps (5:35)
-
StartWrap Up (1:03)
-
StartUseful Resources & Links
-
StartModule Introduction (1:13)
-
StartCreating the Main "Sections" (Pages) (7:58)
-
StartAdding External Fonts (3:49)
-
StartCreating the Landing Page (5:50)
-
StartSplitting the Page into Components (8:28)
-
StartAdding Static Assets - The Background Image (2:33)
-
StartAdding the Header Component (5:54)
-
StartVue Router vs. Nuxt Router (1:29)
-
StartWorking on the Post Page (4:33)
-
StartCreating an Admin Section (12:36)
-
StartPreparing the Backend (10:20)
-
StartImproving the App (2:37)
-
StartAdding a Separate Layout to the Admin Area (2:50)
-
StartUseful Resources & Links
Course Prerequisites
Vuejs knowledge is required, though you don't need to be an expert at all
All pre-requisites are covered by courses in our "Academind Pro" Membership.
Don't take my word for it - here's what other students are saying.
Elmir Ismayilzade
Great course! Now I know how to use nuxt and I've learned more about vue js! Thank you for this course :)
Mark Thrasher
This has been a very good course. Coming from a background with experience in many frameworks and some Vue.js, this course is excellent. All of the sections and videos are well labeled such that finding a specific topic is easy. The videos are succinct and complete. I would highly recommend this course.
Walter Anaruk
What a great dive into Nuxt! I am a visual learner and Maximilian kept a nice brisk pace, while keeping things clear and understandable. Great course!
30 Day Money Back Guarantee - No Questions Asked!
Our courses helped thousands of students learn something new and improve their lives.
We're so convinced by our course quality that we guarantee your success and provide a full refund within the first 30 days if you're not happy with the course.
Your 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 enable me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 2,500,000 students worldwide as well as a successful YouTube channel with 900.000 subscribers is the best proof for that.
The most rewarding experience for me is to see how people find new, better jobs, build awesome web applications, work on amazing projects or simply enjoy their hobby with the help of my content.
That's why, together with Manuel Lorenz, I founded Academind to offer the best possible learning experience and to share the pleasure of learning with our students.
Frequently Asked Questions
Join 9917 happy students!
Single-Course License
Full access to "Nuxt.js 2 - Vue.js on Steroids"
$69
Access to this course only.
This is a one-time payment that grants access to this course only, not to any other courses.
Academind Pro Membership
Unlimited access to this and all other current & future courses!