Astro JS জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক

নতুন এস্ট্রো প্রজেক্ট বানান

npm create astro@latest

yarn create astro

pnpm create astro@latest

এস্ট্রোজেএস প্রজেক্ট আপডেট করুন

npm upgrade astro

yarn upgrade astro

pnpm upgrade astro

প্রজেক্ট রান করে দেখুন

npm run dev

yarn run dev

pnpm run dev

প্রিটিয়ার সেটআপ করুন

npm install --save-dev prettier prettier-plugin-astro

তারপর এই কমান্ডটি প্যাকেজ এর স্ক্রিপ্ট এ যোগ করুন

prettier --write .

ইএসলিন্ট সেটআপ করুন

npm install --save-dev eslint eslint-plugin-astro

npm install --save-dev eslint-plugin-jsx-a11y

টাইপস্ক্রিপ্ট সেটআপ করুন

এটি tsconfig.json ফাইলে এড করুন

{
	"extends": "astro/tsconfigs/base"
}

আবার env.d.ts ফাইল এ এড করুন

/// <reference types="astro/client" />

পেজ লোড হওয়ার সময় লোড করা

<Component client:load />

যখন পেজ লোড হবে তারপর লোড করা

<Component client:idle />

সব কন্ডিশনে লোড করার জন্য

<Component client:visible />

সিএসএস মিডিয়া কুয়েরি অনুযায়ি

<Component client:media="{max-width: 50em}" />

ভিএসকোড ওপেন করে Crtl+P চাপুন, এটি বসিয়ে Enter press করুন

ext install astro-build.astro-vscode

এস্ট্রোজেএস এর এক্সটেনশোন

.astro

প্রজেক্টের সোর্সকোড

src/*

প্রজেক্টের কনফিগারেশন ফাইল

astro.config.mjs

React

Preact

Svelte

Vue

SolidJS

AplineJS

Lit