آموزش Nuxt.js

مقدمه Introduction

• Nuxt را برای توسعه کامل برنامه یاد بگیرید Learn Nuxt for complete application development

• آنچه شما باید بدانید What you should know

• فایل های تمرینی Exercise files

1. شروع به کار 1. Getting Started

• Nuxt.js چیست؟ What is Nuxt.js?

• با Cre-nuxt-app یک برنامه را داربست کنید Scaffold an app with create-nuxt-app

• نگاهی به دایرکتوری nuxt A look into .nuxt directory

• مفهوم چیدمان و صفحات The concept of layout and pages

• چالش: اولین صفحه خود را ایجاد کنید Challenge: Create your first page

• راه حل: اولین صفحه خود را ایجاد کنید Solution: Create your first page

2. مفاهیم اصلی Nuxt.js 2. Nuxt.js Core Concepts

• مسیریابی سیستم فایل File system routing

• مسیرهای پویا Dynamic routes

• واکشی داده در Nuxt Data fetching in Nuxt

• قلاب واکشی The fetch hook

• سئو و متا تگ ها SEO and meta tags

• چالش: یک گالری تصاویر ایجاد کنید Challenge: Create an image gallery

• راه حل: یک گالری تصاویر ایجاد کنید Solution: Create an image gallery

3. گسترش Nuxt.js 3. Extending Nuxt.js

• پلاگین های Nuxt چیست؟ What are Nuxt plug-ins?

• ماژول های Nuxt چیست؟ What are Nuxt Modules?

• چالش: بهینه سازی تصاویر با استفاده از ماژول Nuxt Image Challenge: Optimizing images using the Nuxt Image module

• راه حل: بهینه سازی تصاویر با استفاده از ماژول Nuxt Image Solution: Optimizing images using the Nuxt Image module

4. ساخت و استقرار استراتژی 4. Build and Deployment Strategies

• رندر سمت سرور و تولید سایت استاتیک Server-side rendering and static site generation

• نحوه استقرار با صفحات Cloudflare How to deploy with Cloudflare Pages

• نحوه استقرار با Vercel How to deploy with Vercel

نتیجه Conclusion

• مراحل بعدی Next steps