برنامه نويسان فضايي

ناكس جي اس (Nuxt.js) چيست ؟ 

ناكس جي اس (Nuxt.js) يك فريمورك جاوااسكريپت سمت كاربر است كه بر پايه فريمورك ويو جي اس (Vue.js) ساخته شده است. اين فريمورك براي توسعه وب سايت و برنامه‌هاي تحت وب تك صفحه اي (SPA) استفاده مي‌شود.

ناكس جي اس امكاناتي را براي توسعه كنندگان فراهم مي‌كند كه به سادگي باعث توسعه و مديريت برنامه‌هاي تحت وب پيچيده مي‌شود. اين فريمورك قابليت هايي مانند سازماندهي صفحات، رندر سمت سرور، ايجاد پيش‌داروها (Prefetching)، بارگيري پويا (Dynamic Loading) و روتينگ ديناميك (Dynamic Routing) را فراهم مي‌كند.

هدف ناكس جي اس ساخت برنامه هاي وب نئوتركيبي (Universal) است كه در سمت سرور رندر شده و به عنوان يك برنامه واقعي و حاكي از سمت كاربر به كاربر ارسال مي‌شود.

با وجود Vue.js چرا ناكس جي اس ( Nuxt.js ) خلق شده است ؟ 

ناكس جي اس به عنوان يك زبان برنامه نويسي وب توسط Ryan Dahl در سال ۲۰۰۹ به وجود آمده است. دليل اصلي ايجاد ناكس جي اس بودن سرعت عمل و كارايي در برخورد با وظايف همروند و ورودي و خروجي به طور آسون براي برنامه نويسان بود.

از طرفي، ويو جي اس يك كتابخانه جاوا اسكريپت مورد استفاده براي ساخت واسط كاربري (UI) در برنامه هاي وب است. اين كتابخانه به طور خاص براي ساخت اپليكيشن هاي SPA (Single-Page Application) به كار مي رود و براي مديريت و به روز رساني پوياييت در پنجره مرورگر استفاده مي شود. به عبارت ديگر، ناكس جي اس و ويو جي اس ابزارهاي متفاوتي هستند كه هر كدام ويژگي ها و نيازهاي متفاوت خود را دارند و براساس اهداف و نيازهاي برنامه نويسان در زمينه هاي مختلف مورد استفاده قرار مي گيرند.

با ناكس جي اس ( Nuxt.js ) چه چيزي و چطور ميتوانم بسازم 

با استفاده از ناكس جي اس (Nuxt.js) مي‌توانيد وب سايت هايي متناسب با نيازهاي خود خلق كنيد. ناكس جي اس يك فريم‌ورك وب سايت بر پايه ويو جي اس (Vue.js) است كه قابليت ايجاد سايت‌هاي يك برگ، چند برگ و حتي اپليكيشن‌هاي وب پيشرفته را دارا مي‌باشد. در زير فرايند ايجاد يك وب سايت با ناكس جي اس را شرح مي‌دهيم:

1. نصب و راه‌اندازي: ابتدا نياز است ناكس جي اس را روي سيستم خود نصب كنيد. براي اين كار مي‌توانيد از مدير بسته npm استفاده كنيد و دستورات زير را اجرا كنيد:
   
   npm install -g create-nuxt-app
create-nuxt-app project-name
cd project-name
npm run dev
   
   اين دستورات ناكس جي اس را در سيستم شما نصب كرده و يك پروژه جديد با نام "project-name" ايجاد مي‌كند. سپس وارد مسير پروژه شده و سرور توسعه را اجرا كنيد.

2. طرح بندي صفحات: مي‌توانيد صفحات مختلف وب سايت خود را در پوشه "pages" پروژه قرار دهيد. مثلاً مي‌توانيد يك فايل index.vue براي صفحه اصلي، contact.vue براي صفحه تماس، about.vue براي صفحه درباره و... ايجاد كنيد. همچنين مي‌توانيد پوشه هاي زير پوشه "pages" را براي صفحات با ساختار پيچيده تر استفاده كنيد.

3. روتينگ: ناكس جي اس قابليت مديريت مسيرها و روتينگ را داراست. براي افزودن روتينگ، مي‌توانيد فايل "nuxt.config.js" را ويرايش كرده و در قسمت modules ماژول "vue-router" را فعال كنيد. سپس فايل "router.js" را در پوشه "src" ايجاد كنيد و مسيرهاي مختلف را در آن تعريف كنيد. براي مثال، مي‌توانيد يك روت به صفحه اصلي با از سرور ايجاد كردن صفحات استفاده كنيد، ميتوانيد استفاده كنيد Nuxt generate تاصفحه ها خارج شويد

javascript
{
path: '/',
component: '~/pages/index.vue'
},
{
path: '/contact',
component: '~/pages/contact.vue'
},
{
path: '/about',
component: '~/pages/about.vue'
}

4. قالب بندي: مي‌توانيد از قالب بندي‌هاي موجود يا قالب بندي‌هاي سفارشي براي طراحي صفحات استفاده كنيد. ناكس جي اس قابليت استفاده از قالب بندي‌هاي CSS و CSS-in-JS را داراست. مي‌توانيد از CSS قالب‌هايي مانند Tailwind CSS، Bootstrap يا Foundation استفاده كنيد يا از CSS-in-JS مانند Styled Components يا Emotion استفاده كنيد.

5. نصب و استفاده از پلاگين ها: ناكس جي اس قابليت استفاده از پلاگين ها را داراست. مي‌توانيد از پلاگين هاي موجود براي افزودن ويژگي ها مانند بارگيري تنبل افزار، SEO، نمودارها، تجزيه و تحليل و غيره استفاده كنيد. همچنين مي‌توانيد پلاگين هاي سفارشي خود را ايجاد كنيد.

با استفاده از اين مراحل، مي‌توانيد وب سايت هاي مختلف با ناكس جي اس خلق كنيد و قابليت هاي پيشرفته وب را به آنها اضافه كنيد.