Dosarul static conține toate fișierele statice ale proiectului dvs. care probabil nu se vor schimba sau ar trebui redate fără nicio compilare.
Toate fișierele din directorul static sunt executate automat de NuxtJs și sunt accesibile prin URL-ul rădăcină al proiectului.Acest director este excelent pentru fișiere precum favicon, robots.txt etc.
Folderul magazinului conține toate fișierele legate de Vivix Store și este împărțit implicit în module.Vivix este dezactivat implicit. Pentru a activa Vivix, trebuie să creați un fișier numit index.js în folderul magazinului.
Caracteristicile NuxtJs
NuxtJs are o mulțime de caracteristici interesante care îl fac mult mai ușor pentru dezvoltatori. De la randarea pe server până la generarea de pagini statice, acest cadru are totul. Să aruncăm o privire la aceste funcții interesante și să vedem de ce NuxtJs este atât de popular.
1. Redare pe server (SSR)
Randarea pe server (SSR) este Lead de e-mail din SUA un proces în care conținutul HTML al paginii este generat pe server și apoi trimis către browserul utilizatorului. Această metodă face ca pagina să se încarce mai rapid, iar motoarele de căutare pot indexa mai bine conținutul site-ului.
- Timpi de încărcare mai rapid : utilizatorii văd imediat conținutul HTML redat și au o experiență de utilizator mai bună.
- Îmbunătățirea SEO : motoarele de căutare pot accesa cu crawlere și indexează mai ușor conținutul paginii.
- O experiență mai bună pentru utilizator : atunci când utilizatorii văd conținutul paginii mai repede, pot interacționa mai mult cu site-ul.
Încărcare crescută a serverului
SSR necesită ca serverul să genereze HTML pentru fiecare cerere. Acest proces poate consuma o mulțime de resurse, în special pentru aplicațiile cu trafic ridicat.
- Memorarea în cache : Utilizarea strategiilor de stocare în cache pentru a stoca și reutiliza conținutul HTML redat.
- Echilibrare de încărcare : distribuția traficului de intrare între mai multe servere pentru a evita supraîncărcarea unui singur server.
- Optimizarea resurselor serverului : Asigurarea faptului că infrastructura serverului dumneavoastră este optimizată.
Complexitatea dezvoltării
de dezvoltare. Spre deosebire bz lists de randarea pe partea client, în care browserul lucrează, SSR implică atât serverul, cât și clientul, ceea ce poate complica procesul de depanare și dezvoltare.
- Utilizați instrumentele de dezvoltare NuxtJs : utilizați instrumentele de dezvoltare și depanare NuxtJs încorporate pentru a simplifica procesul de dezvoltare.
- Segregarea responsabilităților : Mențineți o separare clară între codul client și cel server pentru a reduce complexitatea.
Managementul statului și cârligele ciclului de viață
- Teste cuprinzătoare : Implementarea testelor unitare, integrate și end-to-end pentru a identifica problemele la începutul ciclului de dezvoltare.Unele cârlige ale ciclului de viață, cum ar fi cele montate, rulează doar pe client și trebuie gestionate corespunzător.
Coduri universale :
- scrierea codurilor universale care rulează atât pe client, cât și pe server. Folosind cârlige așa cum sunt create în loc de montate.
- Conștient de context : utilizați contextele NuxtJs (context, req, res) pentru a distinge între mediile client și server și pentru a gestiona starea.