<\/span><\/h2>\nAstro yra modernus statinis svetain\u0117s generatorius (SSG). SSG atsirado siekiant pad\u0117ti k\u016br\u0117jams pagal numatytuosius nustatymus kurti greitesnes svetaines. Svarbu pa\u017eym\u0117ti, kad nors tradiciniuose SSG pirmenyb\u0117 teikiama tik HTML, Astro versija orientuota \u012f hibridin\u012f model\u012f, kuris gauna JavaScript komponentus ir pateikia juos tik tada, kai tai b\u016btina. Manoma, kad \u0161is metodas ar strategija suma\u017eina kliento \u201eJavaScript\u201c ir pagerina svetain\u0117s na\u0161um\u0105.<\/p>\n
\u201eAstro\u201c veikia pagal paprastumo princip\u0105 ir stengiasi susilieti su \u0161iuolaikini\u0173 \u201eJavaScript\u201c sistem\u0173 galia, naudodama paprastus statinius svetaini\u0173 generatorius. Tai palaiko daugel\u012f priekin\u0117s k\u016brimo sistemos<\/strong> pvz., \u201eVue\u201c, \u201eSvelte\u201c ir kt. taip sukuriant greit\u0105 ir lengv\u0105 pagrindin\u0119 svetain\u0119.<\/p>\n<\/span>Pagrindin\u0117s \u201eAstro JS Framework\u201c savyb\u0117s<\/span><\/span><\/h2>\n\u201eAstro\u201c populiarumas kyla d\u0117l pagrindini\u0173 funkcij\u0173 ir j\u0173 unikalaus sujungimo, kuris nuo pat prad\u017ei\u0173 sukuria optimizuotas svetaines. Kai kurios svarbios funkcijos, kurios, kaip \u017einoma, kei\u010dia svetain\u0117s esm\u0119 ir na\u0161um\u0105, yra \u0161ios:<\/p>\n
\n\n<\/span>Dalinis dr\u0117kinimas<\/strong><\/span><\/span><\/h3>\n<\/li>\n<\/ol>\nDalinis dr\u0117kinimas i\u0161siskiria kaip gyvybi\u0161kai svarbi \u201eAstro\u201c savyb\u0117, nes ne tik selektyviai dr\u0117kina atskirus komponentus, bet ir pristato tik reikiam\u0105 \u201eJavaScript\u201c. Tai padeda sutrumpinti svetain\u0117s \u012fk\u0117limo laik\u0105.<\/p>\n
\n\n<\/span>Komponentas Agnostikas<\/strong><\/span><\/span><\/h3>\n<\/li>\n<\/ol>\nAstro yra komponent\u0173 agnostikas, o tai rei\u0161kia, kad k\u016br\u0117jai gali laisvai naudoti savo noro kurti komponentus sistem\u0105. Jie gali naudoti \u201eReact\u201c, \u201eVue\u201c, \u201eAngular\u201c, \u201eSvelte\u201c arba \u201ePreact\u201c pagal savo pasirinkim\u0105. \u017dvelgiant i\u0161 platesn\u0117s perspektyvos, tai rei\u0161kia laisv\u0119 pasirinkti, kas jums naudinga, o \u201eAstro JS\u201c sistema padeda lanks\u010diau klaid\u017eioti \u012fvairiose ekosistemose nei kitos.<\/p>\n
\n\n<\/span>Pagal numatytuosius nustatymus n\u0117ra kliento pus\u0117s \u201eJavaScript\u201c.<\/strong><\/span><\/span><\/h3>\n<\/li>\n<\/ol>\nAstro JS sistema daugiausia d\u0117mesio skiria kliento JavaScript ma\u017einimui. Pagal numatytuosius nustatymus ir \u012ftaisytuosius nustatymus \u201eAstro\u201c siun\u010dia ir perkelia nulin\u0119 \u201eJavaScript\u201c \u012f nar\u0161ykl\u0119. \u0160is veiksnys yra drasti\u0161ko apkrovos laiko suma\u017einimo ir na\u0161umo pagerinimo prie\u017eastis. Jei kas nors nor\u0117t\u0173 prid\u0117ti interaktyvumo, jie gali tai padaryti naudodami selektyv\u0173 \u201eJavaScript\u201c komponent\u0173 dr\u0117kinim\u0105, kad kodai b\u016bt\u0173 efektyvesni ir i\u0161manesni.<\/p>\n
\n\n<\/span>Serverio pus\u0117s atvaizdavimas (SSR)<\/strong><\/span><\/span><\/h3>\n<\/li>\n<\/ol>\n\u201eAstro\u201c palaiko serverio pus\u0117s atvaizdavim\u0105 (SSR) leid\u017eia individualizuotos svetain\u0117s k\u016brimas<\/strong> kuriems reikalingas atnaujintas turinys, paimtas tiesiai i\u0161 duomen\u0173 bazi\u0173 arba API. Jis sutankina HTML serveryje, kad jis gal\u0117t\u0173 i\u0161si\u0173sti visi\u0161kai pateiktus puslapius suinteresuotosioms \u0161alims, kad jos veikt\u0173 pirm\u0105 kart\u0105.<\/p>\n\n\n<\/span>Integruotos optimizacijos<\/strong><\/span><\/span><\/h3>\n<\/li>\n<\/ol>\n\u201eAstro JS\u201c karkasas turi reikaling\u0173 \u012fg\u016bd\u017ei\u0173, kad automati\u0161kai optimizuot\u0173 ir padidint\u0173 svetain\u0117s veikim\u0105 naudojant integruotas funkcijas. Tai gali b\u016bti tingus vaizd\u0173 \u012fk\u0117limas, i\u0161tekli\u0173 suma\u017einimas ir CSS bei JavaScript fail\u0173 optimizavimas. Integruotas optimizavimas ir komponentai gali sutrumpinti laik\u0105, praleist\u0105 rankiniam veikimo derinimui.<\/p>\n
\n\n<\/span>Markdown ir MDX palaikymas<\/strong><\/span><\/span><\/h3>\n<\/li>\n<\/ol>\n\u201eAstro\u201c si\u016blo \u012fmontuot\u0105 \u201eMarkdown\u201c ir MDX (Markdown with JSX) palaikym\u0105 ir palaikym\u0105. \u0160i funkcija padeda ra\u0161ytojams, laisvai samdomiems darbuotojams ir turinio k\u016br\u0117jams, kai jie pradeda k\u0105 nors ra\u0161yti ar dokumentuoti. K\u016br\u0117jai gali prid\u0117ti interaktyvi\u0173 komponent\u0173 \u012f Markdown failus. \u0160is lankstumas ypa\u010d vertinamas, kai kalbama apie ra\u0161ym\u0105 tinklara\u0161\u010diams, dokumentacijos svetain\u0117ms ir daug turinio svetain\u0117ms.<\/p>\n
\n\n<\/span>Greitas statybos laikas<\/strong><\/span><\/span><\/h3>\n<\/li>\n<\/ol>\nTvarkyti dideles svetaines, kuriose srautas yra didelis ir duomen\u0173 srautas, gali b\u016bti did\u017eiul\u0117 u\u017eduotis, kurios Astro nevengia imtis. D\u0117l optimizuoto k\u016brimo proceso jis u\u017etikrina greit\u0105 toki\u0173 sunki\u0173 svetaini\u0173, kuriose yra \u0161imtai ir t\u016bkstan\u010diai puslapi\u0173, k\u016brimo laik\u0105.<\/p>\n
\n\n<\/span>Statin\u0117s svetain\u0117s generavimas su dinamin\u0117mis galimyb\u0117mis<\/strong><\/span><\/span><\/h3>\n<\/li>\n<\/ol>\nKadangi \u201eAstro Aces\u201c generuoja statin\u0119 svetain\u0119, ji taip pat teikia dinamines funkcijas, pvz., serverio pateiktus puslapius ir API. K\u016br\u0117jai teikia pirmenyb\u0119 \u0161iai sistemai, kad gal\u0117t\u0173 kurti dinamines svetaines, galin\u010dias tvarkyti dinami\u0161kus, augan\u010dius ir besikei\u010dian\u010dius duomenis, i\u0161likdamos tvirtos ir atsparios.<\/p>\n
<\/span>Kod\u0117l verta rinktis \u201eAstro JS Framework\u201c \u017einiatinklio k\u016brimui?<\/span><\/span><\/h2>\n\n\n<\/span>Spektaklis skal\u0117je<\/strong><\/span><\/span><\/h3>\n<\/li>\n<\/ol>\nJei ketinate sukurti svetain\u0119, kuri atitikt\u0173 didel\u0117s vartotoj\u0173 baz\u0117s poreikius, negalite ignoruoti na\u0161umo problem\u0173. \u201eAstro\u201c turi paprast\u0105 metod\u0105, kuris suma\u017eina \u201eJavaScript\u201c ir pristatym\u0105 tiek, kiek reikia. Naudodami selektyvaus dr\u0117kinimo funkcij\u0105, galite tur\u0117ti tik interaktyvias tinklalapio dalis, naudodami JavaScript. \u0160is selektyvus pasirinkimas yra tai, kas daro svetain\u0119 greitesn\u0119.<\/p>\n
\n\n<\/span>Lankstumas naudojant komponentais pagr\u012fst\u0105 architekt\u016br\u0105<\/strong><\/span><\/span><\/h3>\n<\/li>\n<\/ol>\n\u201eAstro JS\u201c sistemos lankstumas i\u0161siskiria komponentais pagr\u012fsta architekt\u016bra. K\u016br\u0117jai neprivalo mokytis arba nesimokyti, jie gali naudoti pageidaujamas \u201eJavaScript\u201c sistemas. \u0160is lankstumas taip pat skatina bendradarbiavim\u0105.<\/p>\n
\n\n<\/span>K\u016br\u0117jo patirtis<\/strong><\/span><\/span><\/h3>\n<\/li>\n<\/ol>\nAstro turi i\u0161skirtin\u0119 k\u016br\u0117j\u0173 patirt\u012f, tod\u0117l yra m\u0117gstamiausia \u0161ioje bendruomen\u0117je. D\u0117l \u017eaving\u0173 funkcij\u0173, toki\u0173 kaip kar\u0161tojo modulio \u012fk\u0117limas i\u0161 naujo, paprasta failais pagr\u012fsta mar\u0161ruto parinkimo sistema ir lengvas diegimas, verta skirti d\u0117mesio. Be viso to, draugi\u0161ka dokumentacija ir gyvybinga bendruomen\u0117 visk\u0105 lemia ir yra lengva prad\u0117ti, ypa\u010d statinio svetaini\u0173 generavimo naujokams.<\/p>\n
\n\n<\/span>SEO privalumai<\/strong><\/span><\/span><\/h3>\n<\/li>\n<\/ol>\nStatin\u0117s svetain\u0117s yra \u012fgimtos ir nat\u016braliai greitos ir lengvos, tod\u0117l jos automati\u0161kai tinka SEO. Papildoma premija gaunama d\u0117l greitesnio \u012fk\u0117limo laiko ir padidintos vartotojo patirties. Kadangi Astro pagal numatytuosius nustatymus kuruoja visi\u0161kai pateikt\u0105 HTML, \u017einiatinklio tikrinimo programos gali lengvai indeksuoti svetain\u0119.<\/p>\n
<\/span>Svetain\u0117s k\u016brimas naudojant Astro JS Framework<\/span><\/span><\/h2>\nDabar, kai ap\u017evelg\u0117me \u201eAstro\u201c prana\u0161umus ir funkcijas, pereikime prie pagrindin\u0117s svetain\u0117s k\u016brimo naudojant \u201eAstro JS\u201c proces\u0105.<\/p>\n
<\/span>1 veiksmas: \u201eAstro\u201c diegimas<\/strong><\/span><\/span><\/h3>\nNor\u0117dami prad\u0117ti naudoti Astro, pirmiausia tur\u0117site j\u012f \u012fdiegti naudodami terminal\u0105. Patvirtinkite, ar j\u016bs\u0173 Node.js yra \u012fdiegtas j\u016bs\u0173 sistemoje.<\/p>\n
bash<\/em><\/p>\nNukopijuokite kod\u0105<\/em><\/p>\nnpm sukurti astro@latest<\/em><\/p>\n\u0160i komanda privers jus pasirinkti j\u016bs\u0173 projekto \u0161ablon\u0105. Pasirinkite t\u0105, kuris geriausiai atitinka j\u016bs\u0173 poreikius, tada eikite \u012f projekto aplank\u0105:<\/p>\n
bash<\/em><\/p>\nNukopijuokite kod\u0105<\/em><\/p>\ncd mano-astro-projektas<\/em><\/p>\nnpm diegimas<\/em><\/p>\n<\/span>2 veiksmas: puslapi\u0173 k\u016brimas<\/strong><\/span><\/span><\/h3>\nProgramoje Astro sukurti nauj\u0105 puslap\u012f taip pat paprasta, kaip sukurti nauj\u0105 .astro fail\u0105 src\/pages\/ kataloge. Kiekvienas failas nurodo mar\u0161rut\u0105 j\u016bs\u0173 svetain\u0117je.<\/p>\n
Pavyzd\u017eiui, nor\u0117dami sukurti pagrindin\u012f puslap\u012f:<\/p>\n
javascript<\/em><\/p>\nNukopijuokite kod\u0105<\/em><\/p>\n\/\/ src\/pages\/index.astro<\/em><\/p>\n\u2014<\/em><\/p>\npavadinimas: ‘Sveiki atvyk\u0119 \u012f mano Astro svetain\u0119’<\/em><\/p>\n\u2014<\/em><\/p>\n<\/p>\n<\/span>{title}<\/span><\/h1>\n<\/em><\/p>\n
<\/p>\nTai greitai \u012fkeliama svetain\u0117, sukurta naudojant \u201eAstro\u201c.<\/p>\n
<\/em><\/p>\n
<\/span>3 veiksmas: komponent\u0173 naudojimas<\/strong><\/span><\/span><\/h3>\nAstro leid\u017eia naudoti komponentus i\u0161 populiari\u0173 sistem\u0173, pvz Kampinis ir Vue<\/strong>. Nor\u0117dami naudoti \u201eReact\u201c komponent\u0105, pirmiausia \u012fdiekite \u201eReact\u201c:<\/p>\nbash<\/em><\/p>\nNukopijuokite kod\u0105<\/em><\/p>\nnpm install react react-dom<\/em><\/p>\nTada sukurkite komponent\u0105 src\/components\/ kataloge ir importuokite j\u012f \u012f savo .astro puslap\u012f:<\/p>\n
jsx<\/em><\/p>\nNukopijuokite kod\u0105<\/em><\/p>\n\/\/ src\/components\/MyComponent.jsx<\/em><\/p>\neksportuoti numatyt\u0105j\u0105 funkcij\u0105 MyComponent() {<\/em><\/p>\ngr\u012f\u017eti Spustel\u0117kite mane<\/button>;<\/em><\/p>\n}<\/em><\/p>\njavascript<\/em><\/p>\nNukopijuokite kod\u0105<\/em><\/p>\n\/\/ src\/pages\/index.astro<\/em><\/p>\n\u2014<\/em><\/p>\nimportuoti MyComponent i\u0161 ‘..\/components\/MyComponent.jsx’;<\/em><\/p>\n\u2014<\/em><\/p>\n