Viitorul dezvoltării web: Un proces mai rapid și mai puțin costisitor. Studiu de caz: Website-ul DENT ESTET

Provocare

DENT ESTET este un brand premium de stomatologie, ce oferă servicii de calitate înaltă și inovative în România, așa că are nevoie de un site care oferă utilizatorilor o experiență perfectă, plăcută și informații la îndemână.

Cea mai mare provocare a fost deadline-ul scurt. Un site de tip broșură, foarte complex, ce include o mulțime de pagini cu informații și tehnologii medicale, clinici locale, medici și specializări, trebuie finalizat conform unui program aproape imposibil. Provocare acceptată!

Abordare și soluții

Experimentul AI

Codezilla deja a îmbrățișat beneficiile AI-ului în mai multe activități, dar utilizarea tool-urilor de aI ca să ne ajute să creăm baza de cod pentru un întreg website e un subiect la care ne gândeam deja. DENT ESTET, cu deadline-ul său strâns, a fost proiectul perfect pentru acest experiment.

Din cauza complexității site-ului (un număr mare de componente, tipuri de conținut predefinite și o cantitate mare de conținut), după câteva încercări a trebuit să ne adaptăm strategia și să folosim tool-uri de AI într-un mod mai specific, ca să generăm cod pentru componente exact. Chiar și așa, ne-a ajutat să ne optimizăm munca și să livrăm așa cum am promis.

Mai mult decât atât, a fost modul perfect prin care ne-am dat seama cum poate AI să ducă dezvoltarea web la nivelul următor, cum se aplică pentru site-urile complexe și care sunt limitările complexității pentru o utilizare a acesteia mai în profunzime. Desigur, întotdeauna va fi nevoie de ochii unui dezvoltator uman, iar munca de a genera cod cu ajutorul AI, a-l face util și a crea ”puzzle-ul” site-ului încă este mare.

Putem merge atât de departe încât să spunem că este nevoie de skill-uri de dezvoltare mai mari ca să se poată completa un astfel de proiect cu succes, dar procedând astfel, poți optimiza timpul petrecut pe proiect și resursele implicate. Acestea pot însemna timp de dezvoltare mai scurt și proiecte mai eficiente, din punct de vedere al costurilor.

Optimizări pentru experiența utilizatorului

În timp ce păstram la vedere deadline-ul, am reușit să răspundem și nevoilor mai comune pentru un website. Ca să putem asigura o încărcare rapidă și, implicit, o experiență a utilizatorului plăcută pe un site cu un număr mare de vizitatori, am folosit o opțiune unică a Next.js - Incremental Static Regenerations (ISR), care ne-a permis să scalăm beneficiile încărcării foarte rapide a paginilor pentru întregul site. Încărcarea paginilor statice este, de asemenea, benefică pentru SEO, deoarece susține resursele serverului.

Cu ajutorul ISR, stocarea în cache a datelor este mai eficientă, întrucât actualizează pagini statice prin intermediul vizitelor utilizatorilor, fără să necesite un nou site build. Această opțiune permite stocarea datelor în cache pentru o perioadă delimitată, odată ce un user deschide o pagină.