Nuxt.js Fundamentals (Nuxt 2)
๐Ÿšง PLEASE NOTE: An updated version of this course is available! see the Nuxt Fundamentals: Build Full-Stack Vue.js Appsย course. This course is outdated!

What is Nuxt.js?

Nuxt.js is a framework for creating Vue.js applications. Its goal is to help Vue developers take advantage of top-notch technologies, fast, easy and in an organized way.

In this lesson, we talk about some of the awesome features Nuxt.js brings to the table:

  • SEO with Server Side Rendering (SSR)
  • Pre Rendering
  • Code Splitting

You do not need to know Nuxt.js to take this course, but you should know Vue.js. Check out our other courses if you want to learn Vue.js.

LESSON TRANSCRIPT

ฮ“ฮตฮนฮฑ ฯƒฮฑฯ‚, ฯ€ฮฑฮนฮดฮนฮฌ! js. ฮฃฮต ฮฑฯ…ฯ„ฮฎ ฯ„ฮท ฯƒฯ„ฮนฮณฮผฮฎ ฮธฮฑ ฮผฮฌฮธฮฟฯ…ฮผฮต ฯƒฯ„ฮฟ NUXT. js.

ฮคฮฟ ฯƒฮบฮฟฯ€ฯŒ ฯ„ฮฟฯ… NUXT ฮตฮฏฮฝฮฑฮน ฮฝฮฑ ฮฒฮฟฮทฮธฮฎฯƒฮตฮน ฯ„ฮฟฯ…ฯ‚ ฮตฯฮณฮฑฯƒฮฏฮตฯ‚ Vue ฮฝฮฑ ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯ…ฮธฮฟฯฮฝ ฯ„ฮทฮฝ ฮตฯ…ฮบฮฑฮนฯฮฏฮฑ ฯ„ฯ‰ฮฝ ฯ„ฮตฯ‡ฮฝฮฟฮปฮฟฮณฮนฮบฯŽฮฝ ฯ„ฮตฯ‡ฮฝฮฟฮปฮฟฮณฮนฯŽฮฝ, ฮตฯฮบฮฟฮปฮฑ, ฮตฯฮบฮฟฮปฮฑ ฮบฮฑฮน ฯƒฮต ฮญฮฝฮฑ ฮฟฯฮณฮฑฮฝฮนฯƒฮผฮญฮฝฮฟ ฯ„ฯฯŒฯ€ฮฟ. ฮฅฯ€ฮฌฯฯ‡ฮตฮน ฮตฮพฮฑฮนฯฮตฯ„ฮนฮบฯŒ ฯƒฯฮผฯ†ฯ‰ฮฝฮฟ ฯ€ฯฮฟฯƒฮฟฯ‡ฮฎ ฮณฮนฮฑ ฯ„ฮฟ ฯƒฮตฯฮฒฮนฯƒฯ„ฮนฮบฯŒ ฮบฮฟฮผฮผฮฌฯ„ฮน, ฮท ฮณฮตฮฝฮนฮบฮฎ ฮบ ฮˆฮฝฮฑ ฯƒฯ…ฮณฮบฮตฮบฯฮนฮผฮญฮฝฮฟ ฯ€ฯฯŒฮฒฮปฮทฮผฮฑ ฯƒฯ„ฮนฯ‚ ฮตฯฮณฮฑฯƒฮฏฮตฯ‚ ฯ„ฮทฯ‚ Javascript ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮตฮฏฮฝฮฑฮน ฮดฯฯƒฮบฮฟฮปฮฟ ฮฝฮฑ ฮฑฮฝฯ„ฮนฮผฮตฯ„ฯ‰ฯ€ฮฏฮถฮฟฯ…ฮผฮต ฮผฮต SEO ฮบฮฑฮน ฮผฮตฯ„ฮฑฯ„ฮฎฮบฮตฯ‚. ฮ‘ฯ…ฯ„ฯŒ ฮตฮฏฮฝฮฑฮน ฮตฯ€ฮตฮนฮดฮฎ ฯŒฯ„ฮฑฮฝ ฮฑฮฝฯ„ฮนฮผฮตฯ„ฯ‰ฯ€ฮฏฮถฮฟฯ…ฮผฮต ฮผฮต ฯ„ฮฟ Javascript ฮณฮนฮฑ ฮฝฮฑ ฯ†ฮตฯ„ฯƒฮนฮผฮฎฯƒฮฟฯ…ฮผฮต ฯ„ฮฑ ฮดฮนฮฌฯฮบฮตฮนฮฑ ฮผฮฑฯ‚, ฯŒฯ€ฯ‰ฯ‚ ฯ„ฮฟ ฯ€ฮปฮฑฮฏฯƒฮนฮฟ ฮบฮฑฮน ฯ„ฮฑ ฮผฮตฯ„ฮฑฯ„ฮฎฮบฮนฮฑ, ฮท ฯ€ฮปฮฑฮฏฯƒฮนฮฑ ฮตฮฏฮฝฮฑฮน ฮฑฮฝฮฟฮนฯ‡ฯ„ฮฎ ฮฑฯ€ฯŒ ฯ„ฮทฮฝ ฮฑฯฯ‡ฮฎ. ฮ•ฯ€ฮฏฯƒฮทฯ‚, ฯ€ฯฮนฮฝ ฯ„ฮฟ Javascript ฮตฮฏฮฝฮฑฮน ฮตฮพฮตฮบฮฟฯ…ฮธฮตฮฏ, ฮดฮตฮฝ ฯ…ฯ€ฮฌฯฯ‡ฮตฮน ฮบฮฑฮฝฮญฮฝฮฑ ฯ€ฮปฮฑฮฏฯƒฮนฮฟ ฮณฮนฮฑ ฯ„ฮฟ index ฮฎ ฯ„ฮฟ parse.

ฮ•ฯ€ฮฏฯƒฮทฯ‚, ฯ€ฮฟฮปฮปฮฟฮฏ ฮบฯฯŒฮปฮฟฮน ฮดฮตฮฝ ฯ…ฯ€ฮฟฯƒฯ„ฮทฯฮฏฮถฮฟฯ…ฮฝ ฯ„ฮฟ Javascript. ฮ‘ฯ…ฯ„ฯŒ ฯƒฮทฮผฮฑฮฏฮฝฮตฮน ฯŒฯ„ฮน ฮฑฮฝ ฯƒฮญฮปฮตฯ„ฮต ฮญฮฝฮฑ ฮฑฯฯ„ฮทฮบฯŒ ฮฑฯ€ฯŒ ฯ„ฮฟ J ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯ…ฮธฮตฮฏ ฮผฮต ฮญฮฝฮฑ ฯ„ฮฏฯ„ฮปฮฟฯ‚ ฮฑฮฝฮดฮนฮฑฯ†ฮญฯฮฟฮฝ, ฯŒฯ‡ฮน ฮผฮต ฯ„ฮฟ ฯ€ฯฮฑฮณฮผฮฑฯ„ฮนฮบฯŒ ฯ„ฮฏฯ„ฮปฮฟฯ‚. ฮ‘ฯ…ฯ„ฯŒ ฮตฮฏฮฝฮฑฮน ฯŒฯ€ฮฟฯ… ฮท ฯฮญฮฝฮดฯ…ฯƒฮท ฯ„ฮฟฯ… ฯƒฮตฯฮฒฮฏฮฟฯ… ฮญฯฯ‡ฮตฯ„ฮฑฮน ฯƒฯ„ฮท ฯƒฮบฮญฯˆฮท ฮผฮฑฯ‚. ฮ— ฮนฮดฮญฮฑ ฯ„ฮฟฯ… SSR ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮญฯ‡ฮตฯ„ฮต ฮญฮฝฮฑ ฯƒฮตฯฮฒฮฏ ฯ€ฮฟฯ… ฮธฮฑ ฮดฮทฮผฮนฮฟฯ…ฯฮณฮฎฯƒฮตฮน ฯ„ฮทฮฝ ฮฑฮฝฮฌฯ€ฯ„ฯ…ฮพฮท ฯ„ฮฟฯ… HTML ฮบฮฑฮน ฮธฮฑ ฯ„ฮฟ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮฎฯƒฮตฮน ฯƒฯ„ฮฟ ฮบฮปฮตฮนฮฝฯŒ ฮฎ ฯƒฯ„ฮฟ ฮบฯฮฟฯ…ฮปฯŒ.

ฮ›ฮฟฮนฯ€ฯŒฮฝ, ฯƒฯ„ฮฟ ฯ€ฮฑฯฮฑฮผฮตฮฏฮฝฮฟฮฝฯ„ฮฑฯ‚ ฯ€ฮฑฯฮฌฮดฮตฮนฮณฮผฮฑ, ฮท ฯƒฮบฮญฯˆฮท ฯ„ฮฟฯ… API ฮธฮฑ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮทฮธฮตฮฏ ฯƒฯ„ฮฟ ฯƒฮตฯฮฒฮฏ ฮบฮฑฮน ฯŒฯ„ฮฑฮฝ ฮธฮฑ ฮณฮฏฮฝฮตฯ„ฮฑฮน, ฮท metadata ฮธฮฑ ฮณฮฏฮฝฮตฯ„ฮฑฮน ฮบฮฑฮน ฮท ฯ„ฮตฮปฮตฯ…ฯ„ฮฑฮฏฮฑ ฯ€ฯŒฮปฮท ฮธฮฑ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮทฮธฮตฮฏ. ฮ•ฯ€ฮฟฮผฮญฮฝฯ‰ฯ‚, ฯŒฮปฮท ฮท ฮผฮตฯ„ฮฑ- ฮบฮฑฮน SEO- ฯŒฯ„ฮฑฮฝ ฮฟฮน ฮšฯฯŒฯฯฮตฯ‚ ฯ€ฮฑฯฮบฮฟฯฮฝ ฯ„ฮทฮฝ ฯ€ฯŒฯฯ„ฮฑ. ฮˆฮฝฮฑฯ‚ ฮตฯ€ฮนฯ€ฮปฮญฮฟฮฝ ฮฑฯ€ฯŒ ฯ„ฮทฮฝ ฯ€ฯŒฯฯ„ฮฑ ฯ„ฮทฯ‚ ฯƒฮตฯฮฒฮตฯฮฏฮฑฯ‚ ฮตฮฏฮฝฮฑฮน ฮท ฯ€ฮตฯฯ†ฯŒฯฮผฮฑฯƒฮท. ฮœฮต ฯ„ฮทฮฝ ฯ€ฮตฯฯ†ฯŒฯฮผฮฑฯƒฮท ฯ„ฮทฯ‚ ฯƒฮตฯฮฒฮตฯฮฏฮฑฯ‚ ฮผฯ€ฮฟฯฮตฮฏฯ„ฮต ฮฝฮฑ ฮบฮฌฮฝฮตฯ„ฮต ฯ„ฮทฮฝ ฯ€ฯŒฯฯ„ฮฑ ฯƒฮฑฯ‚ ฮปฮฏฮณฮตฯ‚ ฯ‡ฮนฮปฮนฮฌฮดฮตฯ‚ ฮผฮนฮปฮนฯƒฮตฮบฯŒฮฝฯ„ฮตฯ‚ ฯ€ฮนฮฟ ฮณฯฮฎฮณฮฟฯฮฑ.

ฮ‘ฯ…ฯ„ฯŒ ฮดฮตฮฝ ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮผฮนฮปฮฎฯƒฮตฮน ฯ€ฮฟฮปฯ, ฮฑฮปฮปฮฌ ฯŒฯ„ฮฑฮฝ ฮตฮฏฮฝฮฑฮน ฮฑฮปฮฎฮธฮตฮนฮฑ ฮณฮนฮฑ ฮบฮฌฮธฮต ฯ€ฯŒฯฯ„ฮฑ, ฮตฮฏฮฝฮฑฮน ฯƒฮทฮผฮฑฮฝฯ„ฮนฮบฯŒ. ฮšฮน ฯŒฮปฮฑ ฮณฮนฮฑ ฯ„ฮฟ SEO ฮบฮฑฮน ฯ„ฮทฮฝ ฯ‡ฮตฮนฯฮฟฮบฯฯŒฯ„ฮทฯ„ฮฑ. ฮ•ฮดฯŽ ฯ…ฯ€ฮฌฯฯ‡ฮตฮน ฮผฮนฮฑ ฮฑฮปฮปฮทฮปฮตฯ€ฯ„ฮนฮบฮฎ ฯ€ฯฮฟฯƒฯ†ฯ…ฮณฮฎ, ฮท ฮฟฯ€ฮฟฮฏฮฑ ฮตฮฏฮฝฮฑฮน ฮฝฮฑ ฯ€ฯฮฟฯƒฯ†ฯ…ฮณฮฎฯƒฮตฯ„ฮต ฯ„ฮทฮฝ ฯ€ฯŒฯฯ„ฮฑ ฯƒฮฑฯ‚. ฮœฮต ฯ„ฮทฮฝ ฯ€ฯฮฟฯƒฯ†ฯ…ฮณฮฎ, ฮฑฮฝฯ„ฮฏ ฮฝฮฑ ฮญฯ‡ฮตฯ„ฮต ฮญฮฝฮฑ ฯƒฮตฯฮฒฮฏ ฮณฮนฮฑ ฮฝฮฑ ฮ•ฯ€ฮฟฮผฮญฮฝฯ‰ฯ‚, ฮท ฮดฮนฮตฯฮณฮฑฯƒฮฏฮฑ ฯ„ฮทฯ‚ ฮตฯฮณฮฑฯƒฮฏฮฑฯ‚ ฯƒฮฑฯ‚ ฮธฮฑ ฮตฯ‡ฮตฮน ฮญฮฝฮฑ HTML ฯ†ฮนฮป ฮณฮนฮฑ ฮบฮฌฮธฮต ฮตฯฮณฮฑฯƒฮฏฮฑ ฯ„ฮทฯ‚ ฮตฯฮณฮฑฯƒฮฏฮฑฯ‚ ฯƒฮฑฯ‚.

ฮ— ฮตฮพฮฑฮนฯฮตฯ„ฮนฮบฯŒฯ„ฮทฯ„ฮฑ ฯ„ฮทฯ‚ ฯ€ฯฯ‰ฯ„ฮตฯฮตฮฝฯ„ฯฮนฮฑฮบฮฎฯ‚ ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮผฯ€ฮฟฯฮตฮฏฯ„ฮต ฮฝฮฑ ฯ€ฯฮฟฯƒฮธฮญฯƒฮตฯ„ฮต ฯ„ฮฟ ฯ€ฯฮฟฯŠฯŒฮฝ ฯƒฮฑฯ‚ ฮณฮนฮฑ ฮตฮปฮตฯฮธฮตฯฮฑ, ฮฑฮบฯŒฮผฮฑ ฮบฮฑฮน ฯŒฯ„ฮฑฮฝ ฮญฯ‡ฮตฯ„ฮต ฯ€ฮฟฮปฮปฮฟฯฯ‚ ฯ„ฯฮฑฯ†ฮนฮบฮฎฯ‚. ฮ— ฯ€ฯฯ‰ฯ„ฮตฯฮตฮฝฯ„ฯฮนฮฑฮบฮฎ ฮตฮฏฮฝฮฑฮน ฮนฮดฮนฮฑฮฏฮฑฮปฮท ฯŒฯ„ฮฑฮฝ ฮตฯฮณฮฑฮถฮตฮฏฯ„ฮต ฮผฮต ฮผฮนฮฑ ฮตฯฮณฮฑฯƒฮฏฮฑ ฯ€ฮฟฯ… ฮญฯ‡ฮตฮน ฮปฮฏฮณฮตฯ‚ ฮตฯฮณฮฑฯƒฮฏฮตฯ‚, ฯŒฯ€ฯ‰ฯ‚ ฮญฮฝฮฑ ฮตฯฮณฮฑฯƒฮนฮฑฮบฯŒ ฮฒฮนฮฒฮปฮฏฮฟ. ฮ‘ฮบฯŒฮผฮฑ, ฮผฯ€ฮฟฯฮตฮฏฯ„ฮต ฮฝฮฑ ฯ€ฯฮฟฯƒฮธฮญฯƒฮตฯ„ฮต ฯ„ฮทฮฝ ฮตฯฮณฮฑฯƒฮฏฮฑ ฯƒฮฑฯ‚, ฮฑฮบฯŒฮผฮฑ ฮบฮฑฮน ฯŒฯ„ฮฑฮฝ ฯƒฯ…ฮผฮฒฮฑฮฏฮฝฮตฮน ฮผฮต ฯ€ฮฟฮปฮปฮญฯ‚ ฮตฯฮณฮฑฯƒฮฏฮตฯ‚, ฮฑฮฝ ฮธฮญฮปฮตฯ„ฮต ฮฝฮฑ ฯ€ฮฑ ฮ‘ฮฝ ฮดฮตฮฝ ฮตฮฏฯƒฮฑฮน ฮณฮฝฯ‰ฯƒฯ„ฯŒฯ‚ ฮผฮต ฯ„ฮทฮฝ ฮบฮฟฮปฮปฮทฯ„ฮนฮบฯŒฯ„ฮทฯ„ฮฑ, ฮตฮฏฮฝฮฑฮน ฮผฮนฮฑ ฯ„ฮตฯ‡ฮฝฮนฮบฮฎ ฯ€ฮฟฯ… ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮฟฯฮผฮต ฮณฮนฮฑ ฮฝฮฑ ฯƒฯ€ฮปฮฏฮพฮฟฯ…ฮผฮต ฯ„ฮฟ JavaScript code ฯƒฮต ฯ€ฮฟฮปฮปฮญฯ‚ ฯ†ฮฑฮปฮญฯ‚. ฮ— ฯƒฮบฮญฯˆฮท ฮตฮฏฮฝฮฑฮน ฮฝฮฑ ฯ†ฯ„ฮนฮฌฮพฮฟฯ…ฮผฮต ฯ„ฮทฮฝ ฮตฯฮณฮฑฯƒฮฏฮฑ ฮผฮฑฯ‚ ฯ€ฮนฮฟ ฮณฯฮฎฮณฮฟฯฮฑ ฮบฮฑฮน ฮตฮพฮฑฮนฯฮตฯ„ฮนฮบฮฌ ฮณฮนฮฑ ฯ„ฮฟฯ…ฯ‚ ฯƒฯ‡ฮฟฮปฮตฮฏฮฟฯ…ฯ‚.

ฮ“ฮนฮฑ ฯ€ฮฑฯฮฌฮดฮตฮนฮณฮผฮฑ, ฮผฮนฮฑ ฮตฯฮณฮฑฯƒฮฏฮฑ ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮญฯ‡ฮตฮน 100 ฮบฮฟฮผฯ€ฮฟฮฝฮฏฯ„ฮตฯ‚, ฮฑฮปฮปฮฌ ฮผฯŒฮฝฮฟ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮตฮฏ 10 ฯƒฯ„ฮฟ ฯ‡ฯ‰ฯฮนฯƒฮผฯŒ. ฮฃฮต ฮฑฯ…ฯ„ฯŒ ฯ„ฮฟ ฯƒฮบฮญฯˆฮทฮผฮฑ, ฯ„ฮฟ JavaScript file ฮฎ bundle ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮทฮผฮญฮฝฮฟ ฯƒฯ„ฮฟ ฯ‡ฯ‰ฯฮนฯƒฮผฯŒ, ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฯƒฯ…ฮผฮผฮตฯ„ฮตฮฏ ฯŒฮปฮฑ ฯ„ฮฑ ฮบฮฟฮผฯ€ฮฟฮฝฮฏฯ„ฮตฯ‚ ฯ€ฮฟฯ… ฮดฮตฮฝ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮฟฯฮฝฯ„ฮฑฮน. ฮฃฯ„ฮทฮฝ ฮตฯ€ฯŒฮผฮตฮฝฮท, ฮธฮฑ ฮดฮทฮผฮนฮฟฯ…ฯฮณฮฎฯƒ ฮบฮฑฮน ฮธฮฑ ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯ…ฮธฮฎฯƒฮฟฯ…ฮผฮต ฯ„ฮนฯ‚ ฯ€ฯฮฟฯŠฯŒฮฝฮตฯ‚ ฯ„ฯ‰ฮฝ ฯ€ฯฮฟฯŠฯŒฮฝฯ‰ฮฝ. ฮฃฯ…ฮฝฮฎฮธฯ‰ฯ‚, ฮณฮนฮฑ ฮฝฮฑ ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯ…ฮธฮฎฯƒฮฟฯ…ฮผฮต ฯ„ฮฑ ฯ€ฯฮฑฮณฮผฮฑฯ„ฮนฮบฮฌ ฯ€ฯฮฌฮณฮผฮฑฯ„ฮฑ, ฯŒฯ€ฯ‰ฯ‚ ฯ„ฮฟ ฯƒฮตฯฮฒฮนฯƒฯ„ฮนฮบฯŒ ฯฮญฮฝฮดฮตฯ, ฯ„ฮฟ ฯ€ฯฮตฯฮญฮฝฮดฮตฯ ฮบฮฑฮน ฯ„ฮฟ ฮบฯŒฮผฮผฮฑ ฯ„ฮฟฯ… ฯ€ฮปฮทฮธฯ…ฯƒฮผฮฟฯ, ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮฎฯƒฮตฯ„ฮต ฯ€ฮฟฮปฯ ฯ‡ฯฯŒฮฝฮฟ ฮฝฮฑ ฮดฮทฮผฮนฮฟฯ…ฯฮณฮฎฯƒฮตฯ„ฮต ฯ€ฯฮฌฮณฮผฮฑฯ„ฮฑ ฮบฮฑฮน ฮฝฮฑ ฯ„ฮนฯ‚ ฮตฮผฯ€ฮปฮตฮผฮตฮฏฮฝฮตฯ„ฮต ฯƒฯ„ฮฟฮฝ ฯ€ฯฮฟฯŠฯŒฮฝฮน ฯƒฮฑฯ‚.

ฮ’ฮฑฯƒฮนฮบฮฌ, ฮผฮต NUXT, ฮผฯ€ฮฟฯฮตฮฏฯ„ฮต ฮฝฮฑ ฯ„ฮฟ ฮดฮตฮฏฯ„ฮต ฮผฯŒฮฝฮฟ ฮฝฮฑ ฮตฮฝฮฑฮฝฯ„ฯ…ฯ€ฮทฮธฮตฮฏฯ„ฮต ฮผฮนฮฑ ฮตฯ€ฮนฮปฮฟฮณฮฎ ฯƒฯ„ฮฟ ฮตฮผฯ€ฮปฮทฮบฯ„ฮฎฯฮนฮฟ. js. io. ฮ•ฮฝฯ„ฮฌฮพฮตฮน, ฯ€ฮฌฮผฮต ฮฝฮฑ ฯ„ฮฟ ฮบฮฌฮฝฮฟฯ…ฮผฮต.

ฮ“ฮตฮนฮฑ ฯƒฮฑฯ‚, ฯ€ฮฑฮนฮดฮนฮฌ! js. ฮฃฮต ฮฑฯ…ฯ„ฮฎ ฯ„ฮท ฯƒฯ„ฮนฮณฮผฮฎ ฮธฮฑ ฮผฮฌฮธฮฟฯ…ฮผฮต ฯƒฯ„ฮฟ NUXT. js.

ฮคฮฟ ฯƒฮบฮฟฯ€ฯŒ ฯ„ฮฟฯ… NUXT ฮตฮฏฮฝฮฑฮน ฮฝฮฑ ฮฒฮฟฮทฮธฮฎฯƒฮตฮน ฯ„ฮฟฯ…ฯ‚ ฮตฯฮณฮฑฯƒฮฏฮตฯ‚ Vue ฮฝฮฑ ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯ…ฮธฮฟฯฮฝ ฯ„ฮทฮฝ ฮตฯ…ฮบฮฑฮนฯฮฏฮฑ ฯ„ฯ‰ฮฝ ฯ„ฮตฯ‡ฮฝฮฟฮปฮฟฮณฮนฮบฯŽฮฝ ฯ„ฮตฯ‡ฮฝฮฟฮปฮฟฮณฮนฯŽฮฝ, ฮตฯฮบฮฟฮปฮฑ, ฮตฯฮบฮฟฮปฮฑ ฮบฮฑฮน ฯƒฮต ฮญฮฝฮฑ ฮฟฯฮณฮฑฮฝฮนฯƒฮผฮญฮฝฮฟ ฯ„ฯฯŒฯ€ฮฟ. ฮฅฯ€ฮฌฯฯ‡ฮตฮน ฮตฮพฮฑฮนฯฮตฯ„ฮนฮบฯŒ ฯƒฯฮผฯ†ฯ‰ฮฝฮฟ ฯ€ฯฮฟฯƒฮฟฯ‡ฮฎ ฮณฮนฮฑ ฯ„ฮฟ ฯƒฮตฯฮฒฮนฯƒฯ„ฮนฮบฯŒ ฮบฮฟฮผฮผฮฌฯ„ฮน, ฮท ฮณฮตฮฝฮนฮบฮฎ ฮบ ฮˆฮฝฮฑ ฯƒฯ…ฮณฮบฮตฮบฯฮนฮผฮญฮฝฮฟ ฯ€ฯฯŒฮฒฮปฮทฮผฮฑ ฯƒฯ„ฮนฯ‚ ฮตฯฮณฮฑฯƒฮฏฮตฯ‚ ฯ„ฮทฯ‚ Javascript ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮตฮฏฮฝฮฑฮน ฮดฯฯƒฮบฮฟฮปฮฟ ฮฝฮฑ ฮฑฮฝฯ„ฮนฮผฮตฯ„ฯ‰ฯ€ฮฏฮถฮฟฯ…ฮผฮต ฮผฮต SEO ฮบฮฑฮน ฮผฮตฯ„ฮฑฯ„ฮฎฮบฮตฯ‚. ฮ‘ฯ…ฯ„ฯŒ ฮตฮฏฮฝฮฑฮน ฮตฯ€ฮตฮนฮดฮฎ ฯŒฯ„ฮฑฮฝ ฮฑฮฝฯ„ฮนฮผฮตฯ„ฯ‰ฯ€ฮฏฮถฮฟฯ…ฮผฮต ฮผฮต ฯ„ฮฟ Javascript ฮณฮนฮฑ ฮฝฮฑ ฯ†ฮตฯ„ฯƒฮนฮผฮฎฯƒฮฟฯ…ฮผฮต ฯ„ฮฑ ฮดฮนฮฌฯฮบฮตฮนฮฑ ฮผฮฑฯ‚, ฯŒฯ€ฯ‰ฯ‚ ฯ„ฮฟ ฯ€ฮปฮฑฮฏฯƒฮนฮฟ ฮบฮฑฮน ฯ„ฮฑ ฮผฮตฯ„ฮฑฯ„ฮฎฮบฮนฮฑ, ฮท ฯ€ฮปฮฑฮฏฯƒฮนฮฑ ฮตฮฏฮฝฮฑฮน ฮฑฮฝฮฟฮนฯ‡ฯ„ฮฎ ฮฑฯ€ฯŒ ฯ„ฮทฮฝ ฮฑฯฯ‡ฮฎ. ฮ•ฯ€ฮฏฯƒฮทฯ‚, ฯ€ฯฮนฮฝ ฯ„ฮฟ Javascript ฮตฮฏฮฝฮฑฮน ฮตฮพฮตฮบฮฟฯ…ฮธฮตฮฏ, ฮดฮตฮฝ ฯ…ฯ€ฮฌฯฯ‡ฮตฮน ฮบฮฑฮฝฮญฮฝฮฑ ฯ€ฮปฮฑฮฏฯƒฮนฮฟ ฮณฮนฮฑ ฯ„ฮฟ index ฮฎ ฯ„ฮฟ parse.

ฮ•ฯ€ฮฏฯƒฮทฯ‚, ฯ€ฮฟฮปฮปฮฟฮฏ ฮบฯฯŒฮปฮฟฮน ฮดฮตฮฝ ฯ…ฯ€ฮฟฯƒฯ„ฮทฯฮฏฮถฮฟฯ…ฮฝ ฯ„ฮฟ Javascript. ฮ‘ฯ…ฯ„ฯŒ ฯƒฮทฮผฮฑฮฏฮฝฮตฮน ฯŒฯ„ฮน ฮฑฮฝ ฯƒฮญฮปฮตฯ„ฮต ฮญฮฝฮฑ ฮฑฯฯ„ฮทฮบฯŒ ฮฑฯ€ฯŒ ฯ„ฮฟ J ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯ…ฮธฮตฮฏ ฮผฮต ฮญฮฝฮฑ ฯ„ฮฏฯ„ฮปฮฟฯ‚ ฮฑฮฝฮดฮนฮฑฯ†ฮญฯฮฟฮฝ, ฯŒฯ‡ฮน ฮผฮต ฯ„ฮฟ ฯ€ฯฮฑฮณฮผฮฑฯ„ฮนฮบฯŒ ฯ„ฮฏฯ„ฮปฮฟฯ‚. ฮ‘ฯ…ฯ„ฯŒ ฮตฮฏฮฝฮฑฮน ฯŒฯ€ฮฟฯ… ฮท ฯฮญฮฝฮดฯ…ฯƒฮท ฯ„ฮฟฯ… ฯƒฮตฯฮฒฮฏฮฟฯ… ฮญฯฯ‡ฮตฯ„ฮฑฮน ฯƒฯ„ฮท ฯƒฮบฮญฯˆฮท ฮผฮฑฯ‚. ฮ— ฮนฮดฮญฮฑ ฯ„ฮฟฯ… SSR ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮญฯ‡ฮตฯ„ฮต ฮญฮฝฮฑ ฯƒฮตฯฮฒฮฏ ฯ€ฮฟฯ… ฮธฮฑ ฮดฮทฮผฮนฮฟฯ…ฯฮณฮฎฯƒฮตฮน ฯ„ฮทฮฝ ฮฑฮฝฮฌฯ€ฯ„ฯ…ฮพฮท ฯ„ฮฟฯ… HTML ฮบฮฑฮน ฮธฮฑ ฯ„ฮฟ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮฎฯƒฮตฮน ฯƒฯ„ฮฟ ฮบฮปฮตฮนฮฝฯŒ ฮฎ ฯƒฯ„ฮฟ ฮบฯฮฟฯ…ฮปฯŒ.

ฮ›ฮฟฮนฯ€ฯŒฮฝ, ฯƒฯ„ฮฟ ฯ€ฮฑฯฮฑฮผฮตฮฏฮฝฮฟฮฝฯ„ฮฑฯ‚ ฯ€ฮฑฯฮฌฮดฮตฮนฮณฮผฮฑ, ฮท ฯƒฮบฮญฯˆฮท ฯ„ฮฟฯ… API ฮธฮฑ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮทฮธฮตฮฏ ฯƒฯ„ฮฟ ฯƒฮตฯฮฒฮฏ ฮบฮฑฮน ฯŒฯ„ฮฑฮฝ ฮธฮฑ ฮณฮฏฮฝฮตฯ„ฮฑฮน, ฮท metadata ฮธฮฑ ฮณฮฏฮฝฮตฯ„ฮฑฮน ฮบฮฑฮน ฮท ฯ„ฮตฮปฮตฯ…ฯ„ฮฑฮฏฮฑ ฯ€ฯŒฮปฮท ฮธฮฑ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮทฮธฮตฮฏ. ฮ•ฯ€ฮฟฮผฮญฮฝฯ‰ฯ‚, ฯŒฮปฮท ฮท ฮผฮตฯ„ฮฑ- ฮบฮฑฮน SEO- ฯŒฯ„ฮฑฮฝ ฮฟฮน ฮšฯฯŒฯฯฮตฯ‚ ฯ€ฮฑฯฮบฮฟฯฮฝ ฯ„ฮทฮฝ ฯ€ฯŒฯฯ„ฮฑ. ฮˆฮฝฮฑฯ‚ ฮตฯ€ฮนฯ€ฮปฮญฮฟฮฝ ฮฑฯ€ฯŒ ฯ„ฮทฮฝ ฯ€ฯŒฯฯ„ฮฑ ฯ„ฮทฯ‚ ฯƒฮตฯฮฒฮตฯฮฏฮฑฯ‚ ฮตฮฏฮฝฮฑฮน ฮท ฯ€ฮตฯฯ†ฯŒฯฮผฮฑฯƒฮท. ฮœฮต ฯ„ฮทฮฝ ฯ€ฮตฯฯ†ฯŒฯฮผฮฑฯƒฮท ฯ„ฮทฯ‚ ฯƒฮตฯฮฒฮตฯฮฏฮฑฯ‚ ฮผฯ€ฮฟฯฮตฮฏฯ„ฮต ฮฝฮฑ ฮบฮฌฮฝฮตฯ„ฮต ฯ„ฮทฮฝ ฯ€ฯŒฯฯ„ฮฑ ฯƒฮฑฯ‚ ฮปฮฏฮณฮตฯ‚ ฯ‡ฮนฮปฮนฮฌฮดฮตฯ‚ ฮผฮนฮปฮนฯƒฮตฮบฯŒฮฝฯ„ฮตฯ‚ ฯ€ฮนฮฟ ฮณฯฮฎฮณฮฟฯฮฑ.

ฮ‘ฯ…ฯ„ฯŒ ฮดฮตฮฝ ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮผฮนฮปฮฎฯƒฮตฮน ฯ€ฮฟฮปฯ, ฮฑฮปฮปฮฌ ฯŒฯ„ฮฑฮฝ ฮตฮฏฮฝฮฑฮน ฮฑฮปฮฎฮธฮตฮนฮฑ ฮณฮนฮฑ ฮบฮฌฮธฮต ฯ€ฯŒฯฯ„ฮฑ, ฮตฮฏฮฝฮฑฮน ฯƒฮทฮผฮฑฮฝฯ„ฮนฮบฯŒ. ฮšฮน ฯŒฮปฮฑ ฮณฮนฮฑ ฯ„ฮฟ SEO ฮบฮฑฮน ฯ„ฮทฮฝ ฯ‡ฮตฮนฯฮฟฮบฯฯŒฯ„ฮทฯ„ฮฑ. ฮ•ฮดฯŽ ฯ…ฯ€ฮฌฯฯ‡ฮตฮน ฮผฮนฮฑ ฮฑฮปฮปฮทฮปฮตฯ€ฯ„ฮนฮบฮฎ ฯ€ฯฮฟฯƒฯ†ฯ…ฮณฮฎ, ฮท ฮฟฯ€ฮฟฮฏฮฑ ฮตฮฏฮฝฮฑฮน ฮฝฮฑ ฯ€ฯฮฟฯƒฯ†ฯ…ฮณฮฎฯƒฮตฯ„ฮต ฯ„ฮทฮฝ ฯ€ฯŒฯฯ„ฮฑ ฯƒฮฑฯ‚. ฮœฮต ฯ„ฮทฮฝ ฯ€ฯฮฟฯƒฯ†ฯ…ฮณฮฎ, ฮฑฮฝฯ„ฮฏ ฮฝฮฑ ฮญฯ‡ฮตฯ„ฮต ฮญฮฝฮฑ ฯƒฮตฯฮฒฮฏ ฮณฮนฮฑ ฮฝฮฑ ฮ•ฯ€ฮฟฮผฮญฮฝฯ‰ฯ‚, ฮท ฮดฮนฮตฯฮณฮฑฯƒฮฏฮฑ ฯ„ฮทฯ‚ ฮตฯฮณฮฑฯƒฮฏฮฑฯ‚ ฯƒฮฑฯ‚ ฮธฮฑ ฮตฯ‡ฮตฮน ฮญฮฝฮฑ HTML ฯ†ฮนฮป ฮณฮนฮฑ ฮบฮฌฮธฮต ฮตฯฮณฮฑฯƒฮฏฮฑ ฯ„ฮทฯ‚ ฮตฯฮณฮฑฯƒฮฏฮฑฯ‚ ฯƒฮฑฯ‚.

ฮ— ฮตฮพฮฑฮนฯฮตฯ„ฮนฮบฯŒฯ„ฮทฯ„ฮฑ ฯ„ฮทฯ‚ ฯ€ฯฯ‰ฯ„ฮตฯฮตฮฝฯ„ฯฮนฮฑฮบฮฎฯ‚ ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮผฯ€ฮฟฯฮตฮฏฯ„ฮต ฮฝฮฑ ฯ€ฯฮฟฯƒฮธฮญฯƒฮตฯ„ฮต ฯ„ฮฟ ฯ€ฯฮฟฯŠฯŒฮฝ ฯƒฮฑฯ‚ ฮณฮนฮฑ ฮตฮปฮตฯฮธฮตฯฮฑ, ฮฑฮบฯŒฮผฮฑ ฮบฮฑฮน ฯŒฯ„ฮฑฮฝ ฮญฯ‡ฮตฯ„ฮต ฯ€ฮฟฮปฮปฮฟฯฯ‚ ฯ„ฯฮฑฯ†ฮนฮบฮฎฯ‚. ฮ— ฯ€ฯฯ‰ฯ„ฮตฯฮตฮฝฯ„ฯฮนฮฑฮบฮฎ ฮตฮฏฮฝฮฑฮน ฮนฮดฮนฮฑฮฏฮฑฮปฮท ฯŒฯ„ฮฑฮฝ ฮตฯฮณฮฑฮถฮตฮฏฯ„ฮต ฮผฮต ฮผฮนฮฑ ฮตฯฮณฮฑฯƒฮฏฮฑ ฯ€ฮฟฯ… ฮญฯ‡ฮตฮน ฮปฮฏฮณฮตฯ‚ ฮตฯฮณฮฑฯƒฮฏฮตฯ‚, ฯŒฯ€ฯ‰ฯ‚ ฮญฮฝฮฑ ฮตฯฮณฮฑฯƒฮนฮฑฮบฯŒ ฮฒฮนฮฒฮปฮฏฮฟ. ฮ‘ฮบฯŒฮผฮฑ, ฮผฯ€ฮฟฯฮตฮฏฯ„ฮต ฮฝฮฑ ฯ€ฯฮฟฯƒฮธฮญฯƒฮตฯ„ฮต ฯ„ฮทฮฝ ฮตฯฮณฮฑฯƒฮฏฮฑ ฯƒฮฑฯ‚, ฮฑฮบฯŒฮผฮฑ ฮบฮฑฮน ฯŒฯ„ฮฑฮฝ ฯƒฯ…ฮผฮฒฮฑฮฏฮฝฮตฮน ฮผฮต ฯ€ฮฟฮปฮปฮญฯ‚ ฮตฯฮณฮฑฯƒฮฏฮตฯ‚, ฮฑฮฝ ฮธฮญฮปฮตฯ„ฮต ฮฝฮฑ ฯ€ฮฑ ฮ‘ฮฝ ฮดฮตฮฝ ฮตฮฏฯƒฮฑฮน ฮณฮฝฯ‰ฯƒฯ„ฯŒฯ‚ ฮผฮต ฯ„ฮทฮฝ ฮบฮฟฮปฮปฮทฯ„ฮนฮบฯŒฯ„ฮทฯ„ฮฑ, ฮตฮฏฮฝฮฑฮน ฮผฮนฮฑ ฯ„ฮตฯ‡ฮฝฮนฮบฮฎ ฯ€ฮฟฯ… ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮฟฯฮผฮต ฮณฮนฮฑ ฮฝฮฑ ฯƒฯ€ฮปฮฏฮพฮฟฯ…ฮผฮต ฯ„ฮฟ JavaScript code ฯƒฮต ฯ€ฮฟฮปฮปฮญฯ‚ ฯ†ฮฑฮปฮญฯ‚. ฮ— ฯƒฮบฮญฯˆฮท ฮตฮฏฮฝฮฑฮน ฮฝฮฑ ฯ†ฯ„ฮนฮฌฮพฮฟฯ…ฮผฮต ฯ„ฮทฮฝ ฮตฯฮณฮฑฯƒฮฏฮฑ ฮผฮฑฯ‚ ฯ€ฮนฮฟ ฮณฯฮฎฮณฮฟฯฮฑ ฮบฮฑฮน ฮตฮพฮฑฮนฯฮตฯ„ฮนฮบฮฌ ฮณฮนฮฑ ฯ„ฮฟฯ…ฯ‚ ฯƒฯ‡ฮฟฮปฮตฮฏฮฟฯ…ฯ‚.

ฮ“ฮนฮฑ ฯ€ฮฑฯฮฌฮดฮตฮนฮณฮผฮฑ, ฮผฮนฮฑ ฮตฯฮณฮฑฯƒฮฏฮฑ ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮญฯ‡ฮตฮน 100 ฮบฮฟฮผฯ€ฮฟฮฝฮฏฯ„ฮตฯ‚, ฮฑฮปฮปฮฌ ฮผฯŒฮฝฮฟ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮตฮฏ 10 ฯƒฯ„ฮฟ ฯ‡ฯ‰ฯฮนฯƒฮผฯŒ. ฮฃฮต ฮฑฯ…ฯ„ฯŒ ฯ„ฮฟ ฯƒฮบฮญฯˆฮทฮผฮฑ, ฯ„ฮฟ JavaScript file ฮฎ bundle ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮทฮผฮญฮฝฮฟ ฯƒฯ„ฮฟ ฯ‡ฯ‰ฯฮนฯƒฮผฯŒ, ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฯƒฯ…ฮผฮผฮตฯ„ฮตฮฏ ฯŒฮปฮฑ ฯ„ฮฑ ฮบฮฟฮผฯ€ฮฟฮฝฮฏฯ„ฮตฯ‚ ฯ€ฮฟฯ… ฮดฮตฮฝ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮฟฯฮฝฯ„ฮฑฮน. ฮฃฯ„ฮทฮฝ ฮตฯ€ฯŒฮผฮตฮฝฮท, ฮธฮฑ ฮดฮทฮผฮนฮฟฯ…ฯฮณฮฎฯƒ ฮบฮฑฮน ฮธฮฑ ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯ…ฮธฮฎฯƒฮฟฯ…ฮผฮต ฯ„ฮนฯ‚ ฯ€ฯฮฟฯŠฯŒฮฝฮตฯ‚ ฯ„ฯ‰ฮฝ ฯ€ฯฮฟฯŠฯŒฮฝฯ‰ฮฝ. ฮฃฯ…ฮฝฮฎฮธฯ‰ฯ‚, ฮณฮนฮฑ ฮฝฮฑ ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯ…ฮธฮฎฯƒฮฟฯ…ฮผฮต ฯ„ฮฑ ฯ€ฯฮฑฮณฮผฮฑฯ„ฮนฮบฮฌ ฯ€ฯฮฌฮณฮผฮฑฯ„ฮฑ, ฯŒฯ€ฯ‰ฯ‚ ฯ„ฮฟ ฯƒฮตฯฮฒฮนฯƒฯ„ฮนฮบฯŒ ฯฮญฮฝฮดฮตฯ, ฯ„ฮฟ ฯ€ฯฮตฯฮญฮฝฮดฮตฯ ฮบฮฑฮน ฯ„ฮฟ ฮบฯŒฮผฮผฮฑ ฯ„ฮฟฯ… ฯ€ฮปฮทฮธฯ…ฯƒฮผฮฟฯ, ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮฎฯƒฮตฯ„ฮต ฯ€ฮฟฮปฯ ฯ‡ฯฯŒฮฝฮฟ ฮฝฮฑ ฮดฮทฮผฮนฮฟฯ…ฯฮณฮฎฯƒฮตฯ„ฮต ฯ€ฯฮฌฮณฮผฮฑฯ„ฮฑ ฮบฮฑฮน ฮฝฮฑ ฯ„ฮนฯ‚ ฮตฮผฯ€ฮปฮตฮผฮตฮฏฮฝฮตฯ„ฮต ฯƒฯ„ฮฟฮฝ ฯ€ฯฮฟฯŠฯŒฮฝฮน ฯƒฮฑฯ‚.

ฮ’ฮฑฯƒฮนฮบฮฌ, ฮผฮต NUXT, ฮผฯ€ฮฟฯฮตฮฏฯ„ฮต ฮฝฮฑ ฯ„ฮฟ ฮดฮตฮฏฯ„ฮต ฮผฯŒฮฝฮฟ ฮฝฮฑ ฮตฮฝฮฑฮฝฯ„ฯ…ฯ€ฮทฮธฮตฮฏฯ„ฮต ฮผฮนฮฑ ฮตฯ€ฮนฮปฮฟฮณฮฎ ฯƒฯ„ฮฟ ฮตฮผฯ€ฮปฮทฮบฯ„ฮฎฯฮนฮฟ. js. io. ฮ•ฮฝฯ„ฮฌฮพฮตฮน, ฯ€ฮฌฮผฮต ฮฝฮฑ ฯ„ฮฟ ฮบฮฌฮฝฮฟฯ…ฮผฮต.

This transcript is generated automatically from the lesson video. Spotted an inaccuracy? Let us know at team@vueschool.io.

  • Chapter 1

Introduction to Nuxt.js

NEXT CHAPTER
Working with Nuxt.js