svelte

استقرار برنامه‌های SvelteKit

(SvelteKit Apps)

SvelteKit یک فریم‌ورک توسعه وب است که بر پایه Svelte ساخته شده است. این فریم‌ورک برای ساخت برنامه‌های وب با عملکرد بالا و قابلیت‌های پیشرفته طراحی شده است. با استفاده از SvelteKit، شما می‌توانید برنامه‌های وب پویا و تعاملی را با استفاده از توانایی‌هایی مانند رندر سمت سرور (SSR)، مسیریابی، تجزیه کد (Code-splitting)، پشتیبانی آفلاین در سمت کلاینت ایجاد کنید.

به عنوان یک فریم‌ورک جدید در جامعه توسعه‌دهندگان وب، SvelteKit از تکنولوژی‌های پیشروی استفاده می‌کند تا برنامه‌های وب را با کارایی بالا و تجربه کاربری بهتری فراهم کند. عملکرد بهینه و بهینه سازی‌های پیشرفته این فریم‌ورک اجازه می‌دهد تا برنامه‌های وب سریع‌تری را نسبت به فریم‌ورک‌ها و روش‌های سنتی ایجاد کنید.

با استفاده از SvelteKit، شما قادر خواهید بود تا برنامه‌های وب پویا و تعاملی را با استفاده از کامپوننت‌های Svelte ساخته و قابلیت‌هایی مانند مسیریابی پیچیده، SSR، SSG (Static Site Generation) و انعطاف‌پذیری بیشتر در توسعه برنامه‌های وب را تجربه کنید.

adapter-static

adapter-static یک خروجی استاتیک شامل فقط فایل‌های JS/HTML/CSS تحویل شما می‌دهد. برای استقرار پروژه استاتیک نیاز است ابتدا دستور npm run build را اجرا کرده و سپس وارد مسیر Build برنامه‌تان شده و دستورliara deploy --platform static را اجرا کنید تا برنامه‌ی شما به لیارا منتقل شده و اجرا شود.

adapter-node

adapter-node یک adapter است که به شما امکان می‌دهد برنامه SvelteKit خود را به عنوان یک سرور Node.js اجرا کنید. این یکی از گزینه‌های استقراری است که توسط SvelteKit ارائه می‌شود.زمانی که از Node Server Adapter استفاده می‌کنید، برنامه SvelteKit شما در یک محیط سرور Node.js اجرا می‌شود. به این ترتیب، سرور درخواست‌های ورودی را پردازش کرده و صفحات و فایل‌های SvelteKit مناسب را به صورت پویا ارائه می‌دهد. برای هر درخواست، عملیات رندر سمت سرور (SSR) انجام شده و محتواهای پویا و دریافت داده از سمت سرور تولید می‌شوند.

ابتدا اطمینان حاصل کنید که در فایل svelte.config.js از adapter-node استفاده کرده‌اید:

import adapter from '@sveltejs/adapter-node';

سپس دستور start را به قسمت scripts در فایل package.json اضافه کنید.


    ...
    "scripts": {
      "dev": "vite dev",
      "build": "vite build",
      "preview": "vite preview",
      "start": "node build/index.js"
    },
    "devDependencies": {
      ...

سپس دستور liara deploy --port 3000 --platform node را در مسیر اصلی پروژه‌ی خود اجرا کنید تا برنامه‌ی شما به لیارا منتقل شده و اجرا شود..

;