Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
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!

(4.9) 59 reviews

503 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,572

Learners

1,354

Reviews

629

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

59 reviews

4.9

59 reviews

  • white123님의 프로필 이미지
    white123

    Reviews 4

    Average Rating 5.0

    5

    8% enrolled

    짐코딩 사이트에서 vue3 기초편부터 시작하여 실전편 ~ FireBase+Vue3 강의까지 완강을 앞두고 있는데 Nuxt 출시 소식에 허겁지겁 달려와서 결제부터 하고 있는 내모습...🙋🏻 '이건 이렇게 하시면 되요~~' 라는 식의 강의가 아닌 기초부터 천천히 최대한 이해하기 쉽게 설명해주신 덕분에 독학으로 시작하여 취뽀까지 성공했습니다..!!! 항상 좋은 퀄리티의 강의 너무너무 감사드리고 앞으로 더 좋은 강의 많이 부탁드립니다🙇🏻‍♂️🙇🏻‍♂️

    • 짐코딩
      Instructor

      와우~!! 취업 축하드립니다! 🎉 웹 개발 입문자들을 위하여 HTML 부터 Vue 실전까지! 이해하기 쉽도록 정말 신경 많이썼는데요. 취업까지 성공하셨다니 너무 뿌듯하네요! 감사합니다 💪

  • Dalbong님의 프로필 이미지
    Dalbong

    Reviews 22

    Average Rating 4.0

    5

    28% enrolled

    Vue3에 생태에 Nuxt라는 새로운 프레임웍을 알기쉽게 설명을 꼼꼼히 해주셔서 도움이 많이 되었습니다. 전무후무 한 Nuxt 프레임웍 강의 였습니다. 앞으로도 좋은 강의 부탁드립니다.

    • 짐코딩
      Instructor

      Nuxt의 핵심을 쉽게 전달하고자 노력한 부분을 좋게 봐주셔서 너무 감사드립니다! 💪 앞으로도 유익한 강의로 보답하겠습니다 😊

  • 용용님의 프로필 이미지
    용용

    Reviews 2

    Average Rating 5.0

    5

    22% enrolled

    .

    • 짐코딩
      Instructor

      Nuxt를 처음 접하시는 분들과 현업에서 Nuxt를 어느정도 사용하시는 분들 모두에게 도움이 되기 위해 정말 힘썼던 강의인데요 알아주시니 감개무량합니다! 👍 감사합니다~! ☺️💪

  • swgoodcode님의 프로필 이미지
    swgoodcode

    Reviews 9

    Average Rating 5.0

    5

    32% enrolled

    19년 vue2를 처음 실무에 사용해오다 작년 초 갑작스럽게 vue3로 전환해야 하는 일이 발생했습니다.. 부랴부랴 강의를 찾아보는데 어디에도 없더군요... 그러다 인프런에서 vue3 강의가 올라온 것을 발견했습니다. 그런데 제가 vue2 강의를 들었던 강사님이 아닌 처음 뵙는 분이더군요... 걱정 반으로 회사 계정으로 vue3 기초를 들었는데 퀄리티가 굉장히 높았습니다. 그래서 개인 계정으로 vue3 심화를 수강했고 이제 마스터했다 생각했는데 주변 부서에서 vueuse, nuxtjs 등 사용한다는 소문을 들었습니다. 다시 짐코딩님에게 신세를 지고자 nuxt.js를 수강하게 되었습니다. 120% 준비하셨다는 말은 거짓말이 아니라고 느꼇습니다. 제 신입 때 좌우명? 이 120%였는데 반갑네요... 이제 Vue 3 & Firebase 올리신 것도 수강하려고 합니다. 앞으로 새로운 기술이 나오면 이번처럼 빠른 강의 출시 부탁드립니다! (항상 강의 빨리 출시해주신 덕분에 제가 인프런 다른 강사님에서 여기로 갈아 탔습니다...후훗)

    • 짐코딩
      Instructor

      와우~!! 신입 때 좌우명이 120%였군요!! 훌륭한 개발자로 성장하신 느낌적인 느낌이 들어요! 💪 제 강의를 수강해 주시고 알아봐 주셔서 감사합니다 🙂

  • ByoungJU Park님의 프로필 이미지
    ByoungJU Park

    Reviews 2

    Average Rating 5.0

    5

    23% enrolled

    짐코딩의 vue 강의를 듣고 vue 에 대한 남다른 열정이 있어서 nuxt 강의를 기다리고 있어 는데 나오니 정말 기뻣습니다. 저가 몇번째로 등록한지는 모르지만 나오자 마자 등록한듯 합니다. vue를 공부하는 많은 사람들이 기다리는 강의 일것 같아요. vue 를 하면 이강의는 꼭들어야 하지 않을까 생각합니다. 강의 내용이 체계적이고 내용에 막힘이 없어서 학습하는데 도움이 됩니다. 좋은 강의 감사합니다.

    • 짐코딩
      Instructor

      와우~!! 말씀하신 것처럼 Vue를 수강하시는 분들이 많은 도움을 드릴 수 있도록 정말 체계적으로 구성한 강의에요 도움이 되셨다니 뿌듯하네용 🥹 감사합니다~!! 💪

$127.60

gymcoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!