강의

멘토링

로드맵

BEST
Programming

/

Front-end

[Latest] The Ultimate Vue Lecture: Nuxt 3 Perfect Mastery

This is a lecture on the Nuxt framework that helps you quickly create high-performance web based on Vue. I can confidently say that this is a must-see lecture for those who are using Vue in the field!

(5.0) 60 reviews

509 learners

  • gymcoding
nuxt
ssr
Vue.js
Nuxt.js
pinia
Vue 3

Reviews from Early Learners

What you will learn!

  • Fast front-end build using Nuxt file-based routing

  • Developing a backend API using Nuxt server routes

  • Key concepts such as SSR, CSR, SPA, Universal Rendering, Hydration, etc.

  • SEO and Netlify Deployment

  • Nuxt & App Configuration (Setting Environment Variables)

Attention all Vue users 🙋‍♀
We will teach you Nuxt.js in a more convenient and friendly way than anyone else!

Lecture Introduction 💻

To prepare for this course , I thoroughly read the official documentation and even paid for and took an overseas Nuxt3 course ! This course is a culmination of my accumulated expertise and energy, so I've packed it with truly valuable content that will be useful to everyone from Vue beginners to those already working in the industry .

Features of this lecture 👀

  1. The curriculum is designed to gradually approach concepts from easy to understand to in-depth.

  2. We've put a lot of energy into making abstract concepts tangible and easy to understand.

  3. It covers a lot of content and is very in-depth !

Orientation 📘

00:27 Lecture Curriculum Description / 04:51 Lecture Notes Description / 06:15 Source Code Description / 08:00 Lecture Roadmap

Lecture Curriculum 🎉

Section 1. Before You Begin

  • How to study frameworks, what is Nuxt?!

  • Nodejs version management with NVM

Section 2. Development Environment and Project Configuration

  • Development environment, project structure

  • Install ESLint, Pritter, and Quasar

Section 3. Routing & Layouts

  • Routing and layout for real-world experience

  • From NuxtPage and NuxtLink to deployment!

Section 4. Nuxt Key Concepts and Features

  • Runtime App Context

  • Key concepts such as Rendering Modes and Hydration

Section 5. Error Handling

  • Handling errors in Nuxt

  • NuxtErrorBoundary component and various methods

Section 6. Route Middleware & Authentication

  • Learning Nuxt Route Middleware

  • Middleware Application through Login Example

Section 7. State Management

  • Nuxt useState, useRequestHeaders

  • Pinia State Management and State Maintenance

Section 8. Server Routes

  • Implementing an API with Nuxt Server Routes

  • Querying API from Client

Section 9. SEO and Meta

  • SEO Basics and KakaoTalk Share Tags

  • Nuxt's Various SEO Methods

Section 10. Nuxt Modules

  • What is a Nuxt Module?

  • Installing and using @nuxtjs/i18n

Section 11. Data fetching advanced

  • Vueuse local vs session storage

  • Data fetching caching implementation

Section 12. Configuration

  • Nuxt Configuration (Environment Variable Settings)

  • App Configuration (App Information Settings)

Related Lectures 📺

Recommended for
these people

Who is this course right for?

  • Anyone who wants to create a web application using Vue!

  • A team that wants to create a complete web with one source code!

  • For those who want to learn Nuxt properly!

Need to know before starting?

  • HTML & CSS

  • JavaScript

  • Vue3

Hello
This is

24,858

Learners

1,399

Reviews

633

Answers

4.9

Rating

17

Courses

안녕하세요.
코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,
인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여
설명하고자 할 때는 최대한 쉽게,
알려드리고자 할 때는 최대한 알차게 설명드립니다.

항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.
감사합니다.

📨 이메일 bruce.lean17@gmail.com
🏋️‍♀️ 헬스타그램 @helinlee.gram
🧑‍💻 코딩스타그램 @gymcoding

Curriculum

All

61 lectures ∙ (10hr 53min)

Published: 
Last updated: 

Reviews

All

60 reviews

5.0

60 reviews

  • munho님의 프로필 이미지
    munho

    Reviews 4

    Average Rating 5.0

    5

    8% enrolled

    I'm about to complete the course from the basics of Vue3 to the practical part ~ FireBase + Vue3 on the Jimcoding site, but when I heard the news of the release of Nuxt, I rushed here and made the payment...🙋🏻 It's not a lecture like 'Here's how to do it~~' but thanks to the lecture that explains it slowly and in an easy-to-understand way from the basics, I was able to start studying on my own and succeed in getting a job..!!! I'm so grateful for the always high-quality lectures, and I hope you'll give me more great lectures in the future🙇🏻‍♂️🙇🏻‍♂️

    • gymcoding
      Instructor

      Wow~!! Congratulations on getting a job! 🎉 For beginners in web development, from HTML to Vue practice! I really put a lot of effort into making it easy to understand. I'm so happy that you got a job! Thank you 💪

  • dalbong님의 프로필 이미지
    dalbong

    Reviews 22

    Average Rating 4.0

    5

    28% enrolled

    It was very helpful that you explained in detail the new framework called Nuxt in Vue3. It was an unprecedented Nuxt framework lecture. Please continue to give good lectures in the future.

    • gymcoding
      Instructor

      Thank you so much for appreciating my efforts to easily convey the core of Nuxt! 💪 I will continue to reward you with useful lectures in the future 😊

  • yong22님의 프로필 이미지
    yong22

    Reviews 2

    Average Rating 5.0

    5

    22% enrolled

    .

    • gymcoding
      Instructor

      I really worked hard to make this lecture helpful to both those who are new to Nuxt and those who have used Nuxt to some extent in the field. I am so touched that you recognized it! 👍 Thank you~! ☺️💪

  • swgoodcode님의 프로필 이미지
    swgoodcode

    Reviews 9

    Average Rating 5.0

    5

    32% enrolled

    I had been using Vue2 for 19 years, but early last year, I suddenly had to switch to Vue3. I hurriedly looked for a lecture, but I couldn't find it anywhere... Then I found a Vue3 lecture on Inflearn. But it wasn't the same lecturer I had taken the Vue2 lecture with, but someone I had never met before... I was worried, but I took the Vue3 basics with my company account, and the quality was really high. So I took the Vue3 advanced course with my personal account, and I thought I had mastered it, but I heard rumors that my department was using Vueuse, nuxtjs, etc. I decided to take the nuxt.js course again to be indebted to Jimcoding. I felt that it wasn't a lie when he said he was 120% prepared. My motto when I was a new employee? It was 120%, so I'm glad to see you... I'm going to take the Vue 3 & Firebase lecture that you uploaded now. Please release lectures as quickly as this one when new technologies come out in the future! (Thanks to you always releasing lectures quickly, I switched from another instructor at Inflearn to you... hehe)

    • gymcoding
      Instructor

      Wow~!! Your motto when you were a newbie was 120%!! I feel like you've grown into a great developer! 💪 Thank you for taking my class and finding out about it 🙂

  • terasys님의 프로필 이미지
    terasys

    Reviews 2

    Average Rating 5.0

    5

    23% enrolled

    I have a special passion for Vue after listening to Jimcoding's Vue lecture, so I have been waiting for the Nuxt lecture. I am really excited when it comes out. I don't know how many times I registered, but I think I registered as soon as it came out. I think this is a lecture that many people who study Vue are waiting for. I think you absolutely must take this lecture if you do Vue. The lecture content is systematic and there is no obstacle to the content, so it is helpful for learning. Thank you for the great lecture.

    • gymcoding
      Instructor

      Wow~!! As you said, this is a really systematically organized lecture that will be of great help to those taking Vue. I'm glad it was helpful 🥹 Thank you~!! 💪

$127.60

gymcoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!