|
| 1 | +{ |
| 2 | + "id": "astro-js", |
| 3 | + "title": "Astro JS জাভাস্ক্রিপ্ট ফ্রেমওয়ার্রক", |
| 4 | + "slug": "astro-js", |
| 5 | + "description": "Astro JS জাভাস্ক্রিপ্ট ফ্রেমওয়ার্রক এর চিটশিট। যা একটি স্ট্যাটিক এইচটিএমএল এবং কম জাভাস্ক্রিপ্ট প্রিয় ফ্রেমওয়ার্রক", |
| 6 | + "colorPref": "#61209A", |
| 7 | + "contents": [ |
| 8 | + { |
| 9 | + "title": "ইন্সটলেশন", |
| 10 | + "items": [ |
| 11 | + { |
| 12 | + "definition": "নতুন এস্ট্রো প্রজেক্ট বানান" |
| 13 | + }, |
| 14 | + { |
| 15 | + "code": "npm create astro@latest" |
| 16 | + }, |
| 17 | + { |
| 18 | + "code": "yarn create astro" |
| 19 | + }, |
| 20 | + { |
| 21 | + "code": "pnpm create astro@latest" |
| 22 | + }, |
| 23 | + { |
| 24 | + "definition": "এস্ট্রোজেএস প্রজেক্ট আপডেট করুন" |
| 25 | + }, |
| 26 | + { |
| 27 | + "code": "npm upgrade astro" |
| 28 | + }, |
| 29 | + { |
| 30 | + "code": "yarn upgrade astro" |
| 31 | + }, |
| 32 | + { |
| 33 | + "code": "pnpm upgrade astro" |
| 34 | + }, |
| 35 | + { |
| 36 | + "definition": "প্রজেক্ট রান করে দেখুন" |
| 37 | + }, |
| 38 | + { |
| 39 | + "code": "npm run dev" |
| 40 | + }, |
| 41 | + { |
| 42 | + "code": "yarn run dev" |
| 43 | + }, |
| 44 | + { |
| 45 | + "code": "pnpm run dev" |
| 46 | + } |
| 47 | + ] |
| 48 | + }, |
| 49 | + { |
| 50 | + "title": "ভিএসকোড সেটআপ এবং অন্যান্য", |
| 51 | + "items": [ |
| 52 | + {"definition": "ভিএসকোড ওপেন করে Crtl+P চাপুন, এটি বসিয়ে Enter press করুন"}, |
| 53 | + { |
| 54 | + "code": "ext install astro-build.astro-vscode" |
| 55 | + }, |
| 56 | + { |
| 57 | + "definition": "এস্ট্রোজেএস এর এক্সটেনশোন", |
| 58 | + "code": ".astro" |
| 59 | + }, |
| 60 | + { |
| 61 | + "definition": "প্রজেক্টের সোর্সকোড", |
| 62 | + "code": "src/*" |
| 63 | + }, |
| 64 | + { |
| 65 | + "definition": "প্রজেক্টের কনফিগারেশন ফাইল", |
| 66 | + "code": "astro.config.mjs" |
| 67 | + } |
| 68 | + ] |
| 69 | + }, |
| 70 | + { |
| 71 | + "title": "কিছু প্রয়োজনীয় সেটাআপ সমুহ", |
| 72 | + "items": [ |
| 73 | + { |
| 74 | + "definition": "প্রিটিয়ার সেটআপ করুন" |
| 75 | + }, |
| 76 | + { |
| 77 | + "code": "npm install --save-dev prettier prettier-plugin-astro" |
| 78 | + },{ |
| 79 | + "definition": "তারপর এই কমান্ডটি প্যাকেজ এর স্ক্রিপ্ট এ যোগ করুন" |
| 80 | + },{ |
| 81 | + "code": "prettier --write ." |
| 82 | + }, |
| 83 | + { |
| 84 | + "definition": "ইএসলিন্ট সেটআপ করুন" |
| 85 | + }, |
| 86 | + {"code": "npm install --save-dev eslint eslint-plugin-astro"}, |
| 87 | + {"code": "npm install --save-dev eslint-plugin-jsx-a11y"}, |
| 88 | + { |
| 89 | + "definition": "টাইপস্ক্রিপ্ট সেটআপ করুন" |
| 90 | + }, |
| 91 | + {"definition": " এটি tsconfig.json ফাইলে এড করুন"}, |
| 92 | + { |
| 93 | + "code": "{\n\t\"extends\": \"astro/tsconfigs/base\"\n}" |
| 94 | + }, |
| 95 | + { |
| 96 | + "definition": " আবার env.d.ts ফাইল এ এড করুন" |
| 97 | + }, |
| 98 | + { |
| 99 | + "code": "/// <reference types=\"astro/client\" />" |
| 100 | + } |
| 101 | + ] |
| 102 | + }, |
| 103 | + { |
| 104 | + "title": "যেসব UI ফ্রেমওয়ার্ক ইন্টিগ্রেট করতে পারবেন", |
| 105 | + "items": [ |
| 106 | + { "code": "React" }, |
| 107 | + { "code": "Preact" }, |
| 108 | + { "code": "Svelte" }, |
| 109 | + { "code": "Vue" }, |
| 110 | + { "code": "SolidJS" }, |
| 111 | + { "code": "AplineJS" }, |
| 112 | + { "code": "Lit" } |
| 113 | + ] |
| 114 | + }, |
| 115 | + { |
| 116 | + "title": "কম্পোনেন্ট সমূহকে হাইড্রেট করানো", |
| 117 | + "items": [ |
| 118 | + { |
| 119 | + "code": "<Component client:load />", |
| 120 | + "definition": "পেজ লোড হওয়ার সময় লোড করা" |
| 121 | + }, |
| 122 | + { |
| 123 | + "code": "<Component client:idle />", |
| 124 | + "definition": "যখন পেজ লোড হবে তারপর লোড করা" |
| 125 | + }, |
| 126 | + { |
| 127 | + "code": "<Component client:visible />", |
| 128 | + "definition": "সব কন্ডিশনে লোড করার জন্য " |
| 129 | + }, |
| 130 | + { |
| 131 | + "code": "<Component client:media=\"{max-width: 50em}\" />", |
| 132 | + "definition": "সিএসএস মিডিয়া কুয়েরি অনুযায়ি" |
| 133 | + } |
| 134 | + ] |
| 135 | + } |
| 136 | + ] |
| 137 | +} |
0 commit comments