If you want your Vue.js site to be exposed to more people? This is a great course for those who have listened to the entire Vue.js series by Captain Pangyo and now want to try server-side rendering. Nuxt.js Getting Started Course!
Server Side Rendering
Vue.js Development
Front-end development
Server-side rendering with Nuxt.js!
Now, try out Vue.js more powerfully.
If you are a view developer, you can use Knockst
It is possible to implement server-side rendering .
Server-side rendering is a technique that draws a page on the server, sends it to the client (browser), and then displays it on the screen. Server-side rendering technology is used to accurately convey my site information on search engine optimization (SEO: Search Engine Optimization) and social media.
Nuxt.js is a framework that many Vue.js developers use to implement this type of server-side rendering. It helps expose the site I created to more people.
However, since there are no specialized Nuxt.js lectures in Korea and not many reference materials, I have often received requests to open a class. I hope this lecture will be a useful resource for those who need to develop services with Nuxt.js.
From project creation to service deployment ,
What you must know when developing with Noxtro
We'll cover everything.
“I have to try Rust, but how is it different from Vue’s development method?”
This course is suitable for those who are unfamiliar with the concept of server-side rendering, and those who have to develop with Nuxt.js at work but have never used it before. Let's learn how the development methods of Nuxt.js and the existing Vue.js differ while creating some simple shopping mall sites.
✅ For those who are new to Nuxt.js
✅ Those who know the basic concepts of Vue.js development but are not familiar with server-side rendering
✅ People who are working on a Nuxt.js project at their company but have trouble figuring out where to start
✅ Front-end developers interested in server-side rendering
We provide lecture notes.
The key concepts related to Nuxt.js and server-side rendering covered in the course are made easy to understand through well-written lecture notes and illustrations.
Create your own site.
You can naturally learn the advantages and grammar of Nuxt.js while creating a shopping mall site. (Practical experience 70% or more)
Compare the structures naturally.
In order to naturally connect the Captain Pangyo Vue.js series content to the Nuxt.js lecture, we will explain it by comparing it to the structure of a single page.
📢 Check your player knowledge!
Server side rendering
We will explain in detail the differences compared to developing a project created with the existing View CLI, how server-side rendering works, and its advantages.
Understanding How Server-Side Rendering Works
It helps you easily understand the concepts you have learned visually by comparing sites with and without actual SSR applied.
Understanding layout patterns
A schematic to help you understand the layout components in Nuxt.js and details how they differ from traditional single-page applications.
ESLint rules for Nuxt.js
Explains ESLint rules for Nuxt.js, which are more robust than Vue CLI projects. See how ESLint is actually applied in your code.
Configuring and connecting the backend API server
We will guide you through how to configure a backend API server for developing a shopping mall site. We will provide a guide for the procedure to configure the server so that you can proceed on your own even after class.
Component design approach
We will guide you through the component design methods that you should consider in component-based frameworks such as React and Vue, and review the implemented content.
Create a website similar to a shopping mall
We will create a website similar to a shopping mall, linked to an actual API. During the creation process, we will apply the concepts of Nuxt.js one by one and learn about the differences from existing Vue.js applications.
Markup & styling as needed
Only the main layout markup and styling for screen development are covered, and detailed styling is provided as a GitHub repository source code. You can focus on learning the concepts of Nuxt.js, enabling fast and efficient learning.
Q. I'm new to Vue.js. Can I still take this course?
This lecture is suitable for those who know the basic concepts of Vue.js. I think it would be good to think of Nuxt.js as a framework with a little more rules added to the basic knowledge you need to know when developing with Vue.js. I recommend that you take Captain Pangyo's Vue.js series lectures from beginning to end first and then listen to this lecture.
Q. I have no idea about server-side rendering. Can I still take the class?
Yes, you can. It covers not only the API and usage of Nuxt.js, but also why server-side rendering is good and the differences from the existing client-side rendering (single page application) in detail. After listening to the class, you will be able to clearly grasp the concept of server-side rendering.
Q. I'm new to front-end development. Is it okay for me to take this course?
This course is not suitable for those who are completely new to front-end development. The course is structured so that those who have basic knowledge of HTML, CSS, and JS can easily listen to it. I recommend that you listen to it after understanding at least the basic concepts of Vue.js and the concept of single-page applications using routers.
Q. Vue.js 3 has been released. Should we proceed with Vue 3 or Vue 2?
This course is based on Vue 2. The official version of Nuxt.js based on Vue 3 has not been released yet, and Vue 3 also has many limitations for use in the field, so it was created based on Vue 2, which can be applied immediately after learning. Please note that when the ecosystem based on Vue 3 becomes stable in the future, the contents of Vue 3 will be additionally updated :)
※ Everything you learned in Vue 2 can be applied to Vue 3. The difference between Vue 2 and Vue 3 is only one major API difference, and there is no significant difference.
“Vue.js open source + with lecture revenue
Support Life Coding 😁”
Who is this course right for?
Getting started with Nuxt.js
If you want to learn server-side rendering
If you want to create a site that will be exposed to many people using Vue.js
Front-end developer
publisher
job seeker
Need to know before starting?
Getting Started with Vue.js
Vue.js Intermediate
The Complete Guide to Vue.js
Mastering Vue.js
49,004
Learners
4,799
Reviews
3,815
Answers
4.9
Rating
19
Courses
인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙
📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳
All
73 lectures ∙ (6hr 11min)
All
124 reviews
4.9
124 reviews
Reviews 6
∙
Average Rating 5.0
5
I am a backend developer. After listening to the best lectures by Jang Gi-hyo, I am becoming very interested in web development. But the final form of the system I want to implement is Nuxt3(SEO) + Vue3. I heard that Nuxt3 was recently released. I would like to request training based on Nuxt3. I watched the Vuetify2 YouTube video and it wasn't as difficult as I thought. I think Vuetify3 will be released in the first half of next year according to the official website. Thank you for the great training. ^^
Reviews 6
∙
Average Rating 5.0
5
There are still no or rare books or lectures related to nuxt in Korea, so this was very helpful. Do you have any plans for a semi-practical level clone coding nuxt lecture?? For example, using a package like nuxt-auth to configure or configure an API module... I wonder how you would configure it in nuxt!!
Reviews 1
∙
Average Rating 3.0
Reviews 1
∙
Average Rating 5.0
5
I'm a college student who has been studying hard for 2 months because I became interested in front-end! I studied vaguely on my own and didn't understand anything and it was so hard, but I happened to come across Captain Pangyo and I'm currently listening to all the lectures and reviewing them! Thanks to him, I feel like I'm studying in a good directionㅜㅜ The lectures are really good and this Nuxt lecture was also very helpful. I'm really grateful to you personally! I'll jump right in and take the new lectures as soon as they come out in the futureㅠㅠ
Oh my, Chan-gyu, thank you so much for the great review! Haha Please look forward to future lectures. I will prepare a real lecture! :)
Reviews 8
∙
Average Rating 5.0
5
Since I only used Vue, there were a lot of things that had to be set up from the beginning, but since I use the Nuxt framework, there are a lot of things that are supported, and SSR is a big advantage.
Right, if you have some knowledge of views, I think it's actually easier to start with Nuxt.
Limited time deal
$38,500.00
30%
$42.90
Check out other courses by the instructor!
Explore other courses in the same field!
![Planner, how about learning this level of web development? [Theory + Practice]Course Thumbnail](https://cdn.inflearn.com/public/courses/333579/cover/5bfdb903-721c-4e32-803b-ed0d4cfc28b7/333579.png?f=avif&w=420)