Next.js 13 proiektu batean pasahitzik gabeko saioa ezartzea NextAuth.js eta Prisma-rekin

Artikulu honek NextAuth.js liburutegia erabiliz Next.js proiektu batean pasahitz gabeko autentifikazioa ezartzeko behar diren urratsetan sakonduko du. Gainera, Prisma gure datu-basearen egokitzaile gisa erabiliko dugu hori lortzeko.

Pasahitzik gabeko autentifikazioa ikuspegi berritzailea da, erabiltzaile-izen eta pasahitz konbinazio tradizionalen beharra ezabatzen duena. Horren ordez, autentifikazio-esperientzia seguruagoa eta erabilerrazagoa eskaintzen du metodo alternatiboak aprobetxatuz, hala nola posta elektronikoko esteka magikoak edo SMS bidez bidalitako behin-behineko kodeak.

Next.js web aplikazioak eraikitzeko React marko ezaguna da, bere sinpletasunagatik eta eraginkortasunagatik ezaguna. Pasahitzik gabeko autentifikazioa erraz txerta dezakegu gure proiektuan NextAuth.js integratuz, Next.js-erako espresuki diseinatutako autentifikazio-liburutegia.

Gainera, Prisman fidatuko gara gure datu-basearen egokitzaile gisa. Prisma ORM (Object-Relational Mapping) tresna bat da, datu-baseen elkarrekintzak errazten dituena, mota segurua eta automatikoki sortutako kontsulta-eraikitzailea eskainiz. Hainbat datu-base onartzen ditu, PostgreSQL, MySQL eta SQLite barne, gure autentifikazioaren inplementaziorako aukera polifazetikoa da.

Gida honetan zehar, NextAuth.js erabiliz Next.js proiektu batean pasahitzik gabeko autentifikazioa nola konfiguratu eta konfiguratzeko argibideak emango ditugu urratsez urrats. Prisma gure datu-basearen egokitzaile gisa nola integratzen den ere erakutsiko dugu, gure aplikazioaren eta datu-basearen arteko komunikaziorik gabekoa ahalbidetuz.

Orain, gure Next.js aplikazioaren segurtasuna eta erabiltzailearen esperientzia nola hobetu aztertuko dugu pasahitz gabeko autentifikazioa eta NextAuth.js eta Prisma-ren gaitasunak erabiliz. Has gaitezen.

Zer da pasahitz gabeko saioa?

Pasahitzik gabeko saioa, izenak dioen bezala, erabiltzaile-izen eta pasahitz konbinazio tradizionalen beharra kentzen duen autentifikazio metodo bat da. Horren ordez, erabiltzailearen identitatea egiaztatzeko bitarteko alternatiboak erabiltzen ditu, hala nola posta elektronikoko esteka magikoak edo SMS bidez bidalitako behin-behineko kodeak. Ikuspegi honek hainbat abantaila eskaintzen ditu ohiko saioa hasteko metodoen aldean. Lehenik eta behin, pasahitzekin lotutako ahultasunen arriskua ezabatzen du, hala nola pasahitz ahulak edo pasahitzak berrerabiltzea. Bigarrenik, erabiltzailearen esperientzia errazten du pasahitz konplexuak gogoratu eta sartzeko beharra kenduz.

Pasahitzik gabeko saioa ezartzeko, posta elektronikoko esteka magikoak edo behin-behineko kodeak erabiliz, SMTP (Simple Mail Transfer Protocol) zerbitzari bat behar dugu.

SMTP zerbitzari bat da mezu elektronikoak Internet bidez bidaltzeaz arduratzen dena. Pasahitzik gabeko autentifikazioaren testuinguruan, zerbitzariak esteka magikoak edo behin-behineko kodeak bidaltzen ditu erabiltzailearen erregistratutako helbide elektronikora. Erabiltzaile batek saioa hasteko prozesua hasten duenean, esteka edo kode esklusibo bat duen mezu elektroniko bat sortzen da eta erabiltzaileari bidaltzen zaio. Erabiltzaileak estekan klik egin dezake edo kodea sartu autentifikazio-prozesua osatzeko. SMTP zerbitzariak aplikazioaren eta erabiltzailearen posta elektronikoko zerbitzuaren arteko bitartekari gisa jarduten du, autentifikazio-mezuen entrega seguru eta fidagarria bermatuz. SMTP zerbitzari bat erabiliz, pasahitz gabeko saio-hasiera eraginkortasunez inplementa diezaiekegu eta gure erabiltzaileei autentifikazio-esperientzia ezin hobea eskain diezaiekegu.

Has gaitezen!

Lehenik eta behin, Next.js proiektu berri berri bat sortu behar dugu. Horretarako, erabili komando hau:

npx create-next-app@latest

Next.js proiektu berria sortu ondoren, sortu berri den proiektuaren direktoriora nabiga dezakezu.

Direktorioa proiektura aldatuz gero, Next.js proiektuaren egitura osatzen duten hainbat karpeta eta fitxategi arakatu ahal izango dituzu.

Proiektuaren egitura ulertzea ezinbestekoa da zure Next.js aplikazioaren garapen eta antolaketa eraginkorra izateko. Dokumentazio ofiziala erreferentzia eginez gero, praktika onak aprobetxa ditzakezu eta zure kodea egituratu, aktibo estatikoak kudeatu eta nola kudeatu jakiteko. osagai berrerabilgarriak sortu.

Gure mendekotasunak instalatzen

NextAuth.js erabiliz gure Next.js proiektuan pasahitzik gabeko autentifikazioa gaitzeko, behar diren mendekotasunak instalatu behar ditugu lehenik. Exekutatu yarn add next-auth nodemailer komandoa NextAuth.js eta nodemailer gure proiektuari gehitzeko.

Nodemailer bereziki erabiltzen dugu Node.js-en mezu elektronikoak bidaltzeko modulu ezagun eta polifazetikoa baita. Pasahitzik gabeko autentifikaziorako beharrezkoak diren esteka magikoak edo behin-behineko kodeak posta elektroniko bidez bidaltzeko modu zuzen eta fidagarria eskaintzen du.

Ondoren, integra dezagun Prisma gure datu-basearen egokitzaile gisa. Hasi behar diren Prisma paketeak instalatzen komandoa erabiliz:

yarn add @prisma/client @next-auth/prisma-adapter

Pakete hauek gure Next.js aplikazioaren eta datu-basearen arteko komunikazioa ahalbidetuko dute. Gainera, Prisma garatzaileen menpekotasun gisa ere instalatu behar dugu exekutatuz:

yarn add prisma --dev

Urrats honek Prismarekin eta automatikoki sortutako kontsulta-eraikitzailearekin lan egiteko beharrezko tresnak ditugula ziurtatzen du datu-baseen interakzioetarako.

Mendekotasun hauek instalatuz, NextAuth.js eta Prisma erabiliz pasahitz gabeko autentifikazioa ezartzeko oinarria ezarri dugu gure Next.js proiektuan.

Konfiguratu Prisma

Beharrezkoa da Prisma konfiguratzea eta mezu elektronikoak bidaltzeko SMTP zerbitzari baterako sarbidea izatea Next.js proiektu batean pasahitz gabeko autentifikazioa erabiltzeko. Tutorial honek zure Gmail kontu pertsonala erabiltzen lagunduko dizu mezu elektronikoak bidaltzeko. Jarraitu beheko urratsak konfigurazio arrakastatsua izateko.

Lehenik eta behin, sortu "prisma" karpeta bat zure proiektuaren erroan. Karpeta honek Prismarekin erlazionatutako fitxategiak eta konfigurazioak jasoko ditu. Ondoren, "prisma" karpetaren barruan, sortu "schema.prisma" izeneko fitxategi berri bat. Eskema fitxategiak zure datu-basearen egitura definitzen du eta Prismak automatikoki sortutako kodearen plano gisa balio du.

Eskema kontzeptuan berria bazara, ez kezkatu! Eskema batek zure datu-basearen taulak, eremuak, erlazioak eta mugak zehazten ditu. Eskema sortzeko, NextAuth.js-ren dokumentazio ofiziala jo dezakezu eta bertan emandako adibide-eskema kopiatu. Eskema hau abiapuntu bat da eta pertsonalizatu daiteke zure aplikazioaren eskakizunetara egokitzeko.

Ondoren, sortu ".env" fitxategi bat zure proiektuaren erroan. Fitxategi honek zure ingurune-aldagaiak gordeko ditu, zure SMTP zerbitzarirako beharrezko konfigurazioak barne. ".env" fitxategia betetzeko, behean emandako adibide-konfigurazioak kopiatu ditzakezu. Ziurtatu zure Gmail kontuaren kredentzialak eta SMTP zerbitzariaren ezarpenak dagozkien eremuetan sartzen dituzula.

EMAIL_SERVER_USER="YourGmailAddress"
EMAIL_SERVER_PASSWORD="GmailPassOrGeneratedPass"
EMAIL_SERVER_HOST=smtp.gmail.com
EMAIL_SERVER_PORT=587
EMAIL_FROM="noreply@example.com"

NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=ThisNeedsToBeSuperSecret

Urrats hauek jarraituz, Prisma konfiguratu eta SMTP zerbitzaria konfiguratuko duzu mezu elektronikoak bidaltzeko zure Gmail kontua erabiliz. Prestaketa hauek funtsezkoak dira zure Next.js proiektuan pasahitz gabeko autentifikazio-fluxua gaitzeko.

Oharra

Aplikazioaren pasahitza sortu behar duzu zure Google kontuan bi faktoreen autentifikazioa (2FA) gaitu baduzu. Aplikazioen pasahitza aplikazio edo gailu jakin batzuetarako sarbidea ematen duen pasahitz desberdina da, zure Google kontuaren pasahitza nagusia agerian utzi gabe. Jarraitu beheko argibideak aplikazioaren pasahitza sortzeko.

1. Joan Google kontuaren ezarpenen orrira https://myaccount.google.com/ helbidera.

2. Nabigatu "Segurtasuna" fitxara.

3. Bilatu "2FA" atala, joan behera eta hautatu "Aplikazioen pasahitzak".

4. Baliteke Google kontuaren pasahitza berriro idazteko eskatuko zaizu segurtasuna egiaztatzeko.

5. "Hautatu aplikazioa" goitibeherako menuan, aukeratu "Posta" edo "Beste (Izen pertsonalizatua)".

• "Posta" aukera eskuragarri badago, hautatu.

• "Posta" aukera ez badago erabilgarri, aukeratu "Beste (Izen pertsonalizatua)" eta eman izen pertsonalizatu bat identifikaziorako.

6. Egin klik "Sortu" edo "Sortu pasahitza" botoian.

7. Google-k aplikazioaren pasahitz esklusibo bat sortuko dizu. Ohartu pasahitz hau, mezu elektronikoak bidaltzeko aplikazioan hau erabiliko baitugu.

8. Erabili sortutako aplikazioaren pasahitz hau Next.js aplikazioaren SMTP zerbitzariaren konfigurazioan. Ordeztu zure ohiko Gmail kontuaren pasahitza aplikazioaren pasahitz honekin.

Horrek ziurtatzen du 2FA gaituta egon arren, zure aplikazioak mezu elektronikoak segurtasunez bidal ditzakeela zure Gmail kontua erabiliz.

PostgreSQL Supabase erabiliz

Aurrera egin baino lehen, gure proiektuaren datu-baseak behar bezala funtzionatzen duela ziurtatu behar dugu. Demo honetarako, Supabase PostgreSQL datu-basea erabiltzea gomendatzen dugu. Supabase proiektu batekin hasteko eta PostgreSQL konexioaren URLa lortzeko, jarraitu urrats hauek:

1. Joan supabase.io helbidera eta hasi saioa zure kontuan edo sortu berri bat ez baduzu.

2. Saioa hasita, Supabase panelera zuzenduko zara. Egin klik "Sortu proiektu berria" aukeran proiektu berri bat hasteko.

3. Izena eman zure proiektua eta hautatu zure uneko kokapenetik hurbilen dagoen eskualdea. Gogoratu pasahitza, geroago beharko duzu.

4. Proiektua sortu duzunean, proiektuaren panelera eramango zaitugu. Egin klik "Datu-basea" ezkerreko alboko barran datu-basearen ezarpenetara sartzeko.

5. "Datu-basea" atalean, PostgreSQL konexioaren URLa aurkituko duzu. URL honek zure Supabase proiektuaren datu-basera konektatzeko beharrezko informazio guztia dauka, hala nola ostalaria, ataka, datu-basearen izena, erabiltzaile-izena eta pasahitza. Formatuan bistaratuko da: postgres://<erabiltzaile-izena>:<pasahitza>@<ostalari>:<ataka>/<datu-basea>

6. Kopiatu PostgreSQL konexioaren URLa eta mantendu seguru. Beharrezkoa izango duzu zure aplikazioaren eta Supabase datu-basearen arteko konexioa ezartzeko.

    // .env
    
    DATABASE_URL=postgresql://postgres:[Password]@db.ixjsisbwdafsjvgifliu.supabase.co:5432/postgres
    ```

Orain, ziurtatu gure Prisma bezeroa sortzen dugula komando hau exekutatuz: `npx prisma generate`.

Prisma Bezeroa zure eskemaren arabera automatikoki sortutako datu-base bezero bat da. Lehenespenez, Prisma Bezeroa `node_modules/.prisma/client` karpetan sortzen da, baina [behar izanez gero, kokapen pertsonalizatu bat zehaztu](https://www.prisma.io/docs/concepts/components/prisma-client/working-with-prismaclient/generating-prisma-client#using-a-custom-output-path).

Jarraian, hasierako migrazioa sortzeari ekingo diogu. Exekutatu komando hau: `npx prisma migrate dev`. Migrazio bakoitzari izen deskribatzaile bat eman diezaiokezu.

Prisma-n, migrazioa denborak aurrera egin ahala zure datu-basearen eskemaren doikuntzak kudeatzeko erabiltzen den metodo bat da. Zure datu-basearen egitura aldatzeko aukera ematen dizu, lehendik zegoen daturik galdu gabe. Migrazio hauek funtsezkoak dira, zure datu-basearen eskemak zure aplikazioaren beharrekin bat egiten duela ziurtatzen baitute aldatzen diren heinean. Prismaren migrazio-tresnarekin, aldaketa hauek modu egokian bertsionatu, aplikatu eta leheneratu ditzakezu, talde-lana erraztuz eta datu-basearen eskema uniformea ​​mantenduz hainbat ingurunetan.

Orain, gure datu-basea egiaztatzen badugu, gure hasierako migrazioaren aldaketak datu-base atalean islatuta ikusi ahal izango ditugu.

Hasierako migrazioa eginez, aldaketak gure datu-basearen eskeman aplikatu ditugu migrazio-scriptean zehaztutako moduan.

![Database Tables after Migration](https://drive.google.com/uc?export=view&id=1PZ6ban5h4VZs3UHQoJS_5kNYkhqs-MAx)

### NextAuthJS Prisma egokitzailearekin konfiguratzea

Next.js aplikazio batean, NextAuthJS-k autentifikazio-eskaerak kudeatzeko modu orokorreko bidea erabiltzen du, komodin edo bidegabeko bide gisa ere ezaguna. Ibilbide dinamiko hau Next.js-en fitxategietan oinarritutako bideratze-sistema erabiliz definitzen da.

Sortu "**api**" izeneko karpeta bat zure "**app**" direktorioa barruan. "**api**" karpetaren barruan, sortu "**auth**" karpeta. "**Auth**" karpetaren barruan, sortu "**[...nextauth]**" izeneko ibilbide guztia karpeta gisa. Azkenik, sortu "**route.ts**" fitxategia catch-all route karpetaren barruan eta gehitu hurrengo kodea.

```jsx
// app/api/auth/[...nextauth]/route.ts
import { PrismaAdapter } from '@next-auth/prisma-adapter';
import { PrismaClient } from '@prisma/client';
import NextAuth from 'next-auth';
import EmailProvider from 'next-auth/providers/email';

const prisma = new PrismaClient();

export const authOptions = {
  adapter: PrismaAdapter(prisma),
  providers: [
    EmailProvider({
      server: {
        host: process.env.EMAIL_SERVER_HOST,
        port: process.env.EMAIL_SERVER_PORT,
        auth: {
          user: process.env.EMAIL_SERVER_USER,
          pass: process.env.EMAIL_SERVER_PASSWORD,
        },
      },
      from: process.env.EMAIL_FROM,
    }),
  ]
};

const handler = NextAuth(authOptions);

export { handler as GET, handler as POST };

Catch-all ibilbide fitxategian, NextAuthJS liburutegia inportatzen dugu eta autentifikazio aukerak, hornitzaileak eta konfigurazioak konfiguratzen ditugu. NextAuthJS-k sarrerako eskaeren analisia kudeatzen du, beharrezko autentifikazio-ekintza identifikatzen du eta dagokion logika exekutatzen du zehaztutako aukeren arabera.

Emandako kodeak NextAuthJS Prisma egokigailuarekin konfiguratzen du posta-hornitzaile baten bidez autentifikatzeko. Azal dezagun adierazpen bakoitza:

1. Inportazioak:

• PrismaAdapter eta PrismaClient @next-auth/prisma-adapter eta @prisma/client-tik inportatzen dira, hurrenez hurren. Hauek NextAuthJS Prisma-rekin integratzeko erabiltzen dira.

• NextAuth next-auth-tik inportatzen da eta Next.js aplikazioetan autentifikazioa kudeatzeko liburutegi nagusia da.

• EmailProvider next-auth/providers/email-tik inportatzen da eta posta elektronikoan oinarritutako autentifikaziorako hornitzaile gisa erabiltzen da.

2. Prisma konfigurazioa:

• PrismaClient-ren instantzia bat sortzen da new PrismaClient() erabiliz. Honek Prisma ORMarekin eta azpiko datu-basearekin komunikazioa ahalbidetzen du.

3. Autentifikazio-aukerak:

• authOptions NextAuthJS-en autentifikaziorako konfigurazioa definitzen duen objektu bat da.

• Adapter propietatea PrismaAdapter(prisma) gisa ezarrita dago, NextAuthJS Prismarekin konektatzen duena PrismaAdapter erabiliz.

• Providers arrayak hornitzaile bakarra dauka, EmailProvider. Beharrezko posta-zerbitzariaren xehetasunekin eta tik helbide elektronikoarekin konfiguratuta dago.

4. NextAuth kudeatzailea:

• NextAuth funtzioari authOptions argumentu gisa deitzen zaio, autentifikazio-kudeatzailea sortuz.

• Sortzen den kudeatzailea kudeatzailea aldagaiari esleitzen zaio.

5. Esportatu:

• kudeatzailea GET eta POST gisa esportatzen da HTTP GET eta POST eskaerak onartzeko.

Orain, exekutatu dezagun gure zerbitzaria eta proba ditzagun funtzionalitatea. Lehenik eta behin, hasi garapen zerbitzaria yarn dev exekutatuz. Ondoren, ireki arakatzailea eta bisitatu localhost:3000 aplikazioa martxan ikusteko.

Autentifikazio-funtzionalitatea probatzeko, bisitatu localhost:3000/api/auth/signin. Hemen, NextAuthJS-ren magia biziko duzu. NextAuthJS-rekin batera emandako txantiloiak pasahitz gabeko saioa hasteko prozesua ahalbidetzen du. Probatzeko, sartu baliozko helbide elektroniko bat.

Posta elektronikoa bidali ondoren, NextAuthJS-k atzealdeko prozesua kudeatuko du. Lehenik eta behin, mezu elektroniko bat sortu eta bidaliko du saio-hasierarako esteka esklusibo bat duen helbide elektronikora. Esteka honek erabiltzailearen autentifikazio-token seguru gisa balio du. Ondoren, erabiltzaileak estekan klik egiten duenean, NextAuthJS-k tokena baliozkotuko du eta erabiltzailea autentifikatuko du.

Pasahitzik gabeko saioa hasteko funtzio honek segurtasuna eta erabiltzailearen esperientzia hobetzen ditu pasahitzen beharra ezabatuz. Erabiltzaileek azkar eta segurtasunez atzi ditzakete euren kontuak posta elektroniko bidez jasotako estekan klik eginez. Saioa hasteko prozesua arintzen du eta pasahitzekin lotutako ahultasunen arriskua murrizten du.

Erabiltzaile batek NextAuthJS-k sortutako saioa hasteko mezu elektronikoan klik egiten duenean eta autentifikatzen denean, hainbat ekintza egiten dira agertoki atzean saio-hasierako esperientzia errazteko.

1. Posta elektronikoaren estekaren baliozkotzea: erabiltzaileak saioa hasteko estekan klik egiten duenean, NextAuthJS-k estekan txertatutako autentifikazio-tokena baliozkotzen du. Token honek autentifikazio-prozesuaren segurtasuna eta osotasuna bermatzen ditu.

2. Autentifikazio-prozesua: token-a ongi balioztatu ondoren, NextAuthJS-k erabiltzailea identifikatzen du eta autentifikazio-prozesua amaitzen du. Erabiltzailearen identitatea egiaztatzen du emandako tokenaren eta konfiguratutako autentifikazio-faktore osagarrien arabera, hala nola faktore anitzeko autentifikazioa.

3. Saioen sorrera: autentifikazio arrakastatsua egin ondoren, NextAuthJS-k saio bat sortzen du erabiltzailearentzako. Saio bat erabiltzailearen autentifikazio-egoera adierazten duen egoera iraunkor bat da eta babestutako baliabideak atzitzeko aukera ematen dio, ondorengo eskaeretarako berriro autentifikatu beharrik gabe.

4. Cookieak: NextAuthJS-k HTTP soilik erabiltzen dituen cookie seguruak ezartzen ditu erabiltzailearen arakatzailean saioa kudeatzeko. Cookie hauek funtsezko zeregina dute erabiltzailearen autentifikazio-egoera mantentzen hainbat eskaeratan. Cookieek normalean saio-cookie bat eta, aukeran, freskatze-token cookie bat izaten dituzte, autentifikazio-konfigurazioaren arabera.

1. Saioko cookiea: saioko cookie-ak saio-identifikatzaile bat dauka (adibidez, ausaz sortutako kate bat) erabiltzailearen saioa modu esklusiboan identifikatzen duena. NextAuthJS-k ondorengo eskaerak saio eta erabiltzaile egokiarekin lotzen laguntzen du.

2. CSRF Token Cookie: NextAuthJS-k CSRF (Cross-Site Request Forgery) token cookie bat ezartzen du CSRF erasoetatik babesteko. CSRF tokena NextAuthJS-ek sortutako eta cookiean gordetako balio esklusibo bat da. Erabiltzaileak egindako ondorengo eskaeren benetakotasuna balioztatzeko eta egiaztatzeko erabiltzen da. Erabiltzaileak inprimakiak bidaltzen dituenean edo ekintza sentikorrak egiten dituenean, CSRF tokena eskaeraren goiburuetan edo gorputzean sartzen da eskaera autentifikatutako erabiltzailearen saiotik sortu dela ziurtatzeko eta ez iturri maltzur batetik.

3. Callback URL cookiea: NextAuthJS-k dei-itzulera URL cookie bat ezartzen du erabiltzailea sartzen saiatzen ari zen jatorrizko URLa gordetzeko, autentifikazio-fluxura birbideratu aurretik. Cookie honek NextAuthJS-k erabiltzailea nahi den orrira birbideratzen laguntzen du autentifikazio arrakastatsuaren ondoren. Erabiltzaile-esperientzia leuna bermatzen du, erabiltzailea nahi den helmugara itzultzean, helmuga-orri generiko baten ordez.

HTTP soilik erabiltzen diren cookie seguruak erabiliz, NextAuthJS-k autentifikazio-egoerak seguru eta manipulaziorik ez duela ziurtatzen du. Cookieak enkriptatuta daude, aktore gaiztoen baimenik gabeko sarbidea edo aldaketak saihestuz.

Lan bikaina NextAuthJS Prisma egokitzailearekin zure Next.js aplikazioan ongi integratzeko! NextAuthJS-k eskaintzen duen erraztasun eta moldagarritasunarekin, orain autentifikazio-sistema fidagarria duzu.

Begiratu behean estekatuta dagoen GitHub biltegia gida honetan erabilitako kodea ikusteko: https://github.com/codelabsacademy/next-auth-guide.

Baina zergatik gelditu hemen? Web garapenaz sutsu bazara eta zure gaitasunak hobetzeko gogoz bazaude, kontuan hartu gure web garapenerako bootcamp-era eskatzea. Gure bootcamp-ek ikaskuntza-esperientzia integrala eskaintzen dizu, web garapenaren mundu dinamikoan gailentzeko beharrezkoak diren ezagutza eta trebetasun praktikoak eskaintzen dizkizu.

Gure bootcamp-ean sartuz gero, punta-puntako teknologiekin esperientzia praktikoa lortuko duzu, mundu errealeko proiektuetan lan egingo duzu eta industriako adituen orientazio pertsonalizatua jasoko duzu. Hasiberria edo esperientziadun garatzaile bat izan, gure programa zure web garapenerako trebetasunak hurrengo mailara eramateko diseinatuta dago.

Ez galdu aukera hau zure web garapenaren bidaia azkartzeko. Eskatu gure web garapenerako bootcamp gaur eta desblokeatu zure potentzial osoa web garapenaren eremu zirraragarrian. Elkarrekin, sor ditzagun esperientzia digital harrigarriak eta moldatu dezagun sarearen etorkizuna.