آشنایی با Nuxt.js

Nuxt.js
Nuxt.js

معرفی Nuxt.js

اگه به طور خیلی خلاصه بخوام بگم Nuxt.js یه فریم ورک برای Vue.js هستش. ولی سوال اصلی اینه که چرا برای استفاده از یه فریم ورک جاوااسکریپ (که خیلی هم محبوب هست) نیاز به یه فریم ورک دیگه ای دارم؟!

به طور کلی Nuxt استفاده از Vue رو آسونتر میکنه، تو مرحله نصب پروژه میتونین از فریم ورک های سمت سرور Node.js، فریم ورک های UI مثل بوت استرپ، نحوه رندرینگ پروژه که Universal یا SPA باشه (که بهتره Universal باشه، چون بر اساس تکنیک SSR یا همون Server Side Rendering هستش. برای اطلاعات بیشتر در مورد SSR این مطلب رو بخونین)، استفاده از ماژول Axios (که کمک میکنه درخواست های Ajax رو هندل کنین) رو به راحتی انتخاب و در طول پروژه استفاده کنین.




نصب و راه اندازی

  • دانلود قالب آماده از گیت هاب
  • استفاده همراه با Vue-cli با استفاده از دستورات زیر:
$ vue init nuxt-community/starter-template myproject
$ cd myproject
$ npm install
$ npm run dev 
  • استفاده به کمک npm که با یه سری دستورات ساده که در ادامه قرار میدم:
$ npm install -g create-nuxt-app
$ create-nuxt-app myproject
$ cd myproject
$ npm run dev


اگه مراحل رو به درستی پیش برین پروژه شما روی آدرس localhost:3000 در حال اجراست و اگه به این آدرس برین با این صحنه روبرو میشین ;)

MyWebsite
MyWebsite